html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}.mock-frame{width:100%;min-height:100dvh}.mock-frame iframe{border:0;width:100%;height:100dvh;display:block}.auth-page{background:radial-gradient(ellipse at 50% 0%,#e3f1f0 0,transparent 42%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:min(100%,440px);padding:38px 40px 30px;box-shadow:0 18px 60px #1b243014}.auth-brand{color:var(--ink);letter-spacing:.04em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.auth-brand img{object-fit:cover;border-radius:12px;width:42px;height:42px}.auth-heading{margin:34px 0 24px}.auth-eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 9px;font-size:10px;font-weight:700}.auth-heading h1{color:var(--ink);letter-spacing:.02em;margin:0;font-size:26px}.auth-heading>p:last-child{color:var(--muted);margin:8px 0 0;font-size:14px}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-field{color:var(--ink);flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.auth-field input{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;width:100%;height:48px;padding:0 13px;font-size:16px}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.auth-password-wrap{display:block;position:relative}.auth-password-wrap input{padding-right:58px}.auth-show-password{height:48px;color:var(--accent);background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:700;position:absolute;top:0;right:8px}.auth-submit{border:1px solid var(--accent);background:var(--accent);width:100%;height:48px;color:var(--on-accent);border-radius:10px;margin-top:3px;font-size:15px;font-weight:700}.auth-submit:hover:not(:disabled){filter:brightness(1.07)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-reset{color:var(--accent);background:0 0;border:0;margin:17px auto 0;padding:8px;font-size:13px;font-weight:600;display:block}.auth-reset:disabled{opacity:.6}.auth-alert,.auth-setup-note,.auth-success{border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.auth-alert{background:var(--danger-bg);color:var(--danger)}.auth-setup-note{background:var(--warn-bg);color:var(--warn-ink)}.auth-success{background:var(--tint);color:var(--tint-ink)}.auth-private{border-top:1px solid var(--line2);color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:23px;padding-top:18px;font-size:12px;display:flex}.auth-private span{color:var(--accent);font-size:10px}.auth-footer{width:100%;color:var(--muted);text-align:center;font-size:11px;position:fixed;bottom:14px;left:0}@media (width<=520px){.auth-page{padding:18px}.auth-card{border-radius:16px;padding:30px 23px 24px}.auth-heading{margin-top:28px}.auth-heading h1{font-size:24px}}.auth-page{z-index:100;position:fixed;inset:0}.auth-demo-wrap{border-top:1px solid var(--line2);text-align:center;margin-top:10px;padding-top:16px}.auth-demo-wrap p{color:var(--muted);margin:0 0 9px;font-size:11px;line-height:1.6}.auth-demo{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:10px;font-size:13px;font-weight:700}.auth-demo:hover{background:var(--line2)}.auth-page{overscroll-behavior-y:contain;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom)));flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow-y:auto}.auth-card{flex:none;margin-block:auto}.auth-footer{flex:none;margin-top:20px;position:static}@media (width<=520px){.auth-page{padding:max(18px,env(safe-area-inset-top)) 18px max(64px,calc(28px + env(safe-area-inset-bottom)))}}:root{--bg:#f3f4f1;--surface:#fff;--ink:#1b2430;--muted:#5b6572;--line:#dde1db;--line2:#ebede8;--accent:#0b6b6a;--on-accent:#fff;--tint:#e3f1f0;--tint-ink:#0b6b6a;--warn-bg:#f6e7cf;--warn-ink:#7a4a00;--danger:#a32a3b;--danger-bg:#f8e3e6;--paper:#fbfaf6;--paper-ink:#1b2430;--paper-muted:#5b6572;--paper-line:#e2e5e1;--av0-bg:#dcebea;--av0-ink:#0b5655;--av1-bg:#f6e7cf;--av1-ink:#7a4a00;--av2-bg:#e2e5f6;--av2-ink:#2f3a8f;--av3-bg:#f6e0e3;--av3-ink:#8a2437;--av4-bg:#e8ecd2;--av4-ink:#4b5a12;--font:"Noto Sans JP",system-ui,-apple-system,"Hiragino Sans","Yu Gothic",sans-serif;--r:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101518;--surface:#182026;--ink:#e7ecea;--muted:#9ba7af;--line:#2a353c;--line2:#222c32;--accent:#4db6b4;--on-accent:#08211f;--tint:#1b3433;--tint-ink:#8adad7;--warn-bg:#3a2e15;--warn-ink:#f0c77a;--danger:#f28c9b;--danger-bg:#3a1f25;--av0-bg:#1f3a39;--av0-ink:#8adad7;--av1-bg:#3a2e15;--av1-ink:#f0c77a;--av2-bg:#252b4a;--av2-ink:#b5bef5;--av3-bg:#432028;--av3-ink:#f5b2bd;--av4-bg:#2f3818;--av4-ink:#cbda8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#101518;--surface:#182026;--ink:#e7ecea;--muted:#9ba7af;--line:#2a353c;--line2:#222c32;--accent:#4db6b4;--on-accent:#08211f;--tint:#1b3433;--tint-ink:#8adad7;--warn-bg:#3a2e15;--warn-ink:#f0c77a;--danger:#f28c9b;--danger-bg:#3a1f25;--av0-bg:#1f3a39;--av0-ink:#8adad7;--av1-bg:#3a2e15;--av1-ink:#f0c77a;--av2-bg:#252b4a;--av2-ink:#b5bef5;--av3-bg:#432028;--av3-ink:#f5b2bd;--av4-bg:#2f3818;--av4-ink:#cbda8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);padding-block:16px 24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.app{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:16px;max-width:1400px;margin:0 auto;display:grid}.side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:20px;min-height:calc(100vh - 32px);padding:16px;display:flex;position:sticky;top:16px}.logo{align-items:center;gap:10px;padding:0 4px;font-size:17px;font-weight:700;display:flex}.logo i{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:10px;place-items:center;display:grid}.nav{flex-direction:column;gap:4px;display:flex}.nav button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-weight:500;display:flex}.nav button:hover{background:var(--line2)}.nav button[aria-current=page]{background:var(--tint);color:var(--tint-ink);font-weight:700}.nav .cnt{background:var(--warn-bg);min-width:22px;color:var(--warn-ink);text-align:center;border-radius:999px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700}.demo-note{background:var(--bg);color:var(--muted);border-radius:10px;margin-top:auto;padding:12px;font-size:12px}.main{flex-direction:column;gap:16px;min-width:0;display:flex}.top{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;display:flex}.top h1{margin-right:8px;font-size:20px}.search{flex:240px;align-items:center;max-width:520px;display:flex;position:relative}.search svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.search input{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;height:44px;padding:0 14px 0 42px;font-size:15px}.top .spacer{flex:1}.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.btn:hover{background:var(--line2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.on{background:var(--tint);border-color:var(--accent);color:var(--tint-ink)}.btn.danger{color:var(--danger)}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:var(--bg)}.btn.ghost{color:var(--accent);background:0 0;border-color:#0000}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--line2);color:var(--ink)}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:36px;padding:0 14px;font-size:13px}.chip[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--tint-ink);font-weight:700}.tag{border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 10px;font-size:12px;display:inline-flex}.tag button{width:20px;height:20px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-6px;padding:0;display:grid}.tag button:hover{background:var(--line);color:var(--ink)}.badge-warn{background:var(--warn-bg);color:var(--warn-ink);border-radius:999px;margin-left:8px;padding:0 8px;font-size:12px;font-weight:700}.av{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.av.lg{width:60px;height:60px;font-size:24px}.av0{background:var(--av0-bg);color:var(--av0-ink)}.av1{background:var(--av1-bg);color:var(--av1-ink)}.av2{background:var(--av2-bg);color:var(--av2-ink)}.av3{background:var(--av3-bg);color:var(--av3-ink)}.av4{background:var(--av4-bg);color:var(--av4-ink)}.split{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.list-panel{overflow:hidden;container-type:inline-size}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:8px;height:36px;padding:0 8px;font-size:13px}.toolbar .count{color:var(--muted);margin-left:auto;font-size:12px}.row{border:0;border-top:1px solid var(--line2);text-align:left;background:0 0;grid-template-columns:44px minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) 84px;align-items:center;gap:0 14px;width:100%;min-height:64px;padding:10px 16px;display:grid}.row:hover{background:var(--line2)}.row.on{background:var(--tint)}.row span{min-width:0}.r-main,.r-co{flex-direction:column;display:flex}.r-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:700;display:flex;overflow:hidden}.r-line,.r-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.r-sub{color:var(--muted);font-size:12px}.row.on .r-sub,.row.on .r-date{color:var(--tint-ink)}.r-tags{flex-wrap:wrap;gap:4px;display:flex}.r-date{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.flag{color:var(--warn-ink);display:inline-flex}@container (width<=640px){.row{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"av main date""av co date";gap:0 12px}.row .av{grid-area:av}.r-main{grid-area:main}.r-co{grid-area:co}.r-date{grid-area:date}.r-tags,.r-main .r-sub{display:none}}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.detail{flex-direction:column;gap:18px;max-height:calc(100vh - 32px);padding:20px;display:flex;position:sticky;top:16px;overflow:auto}.d-top{display:none}.d-id{align-items:center;gap:14px;display:flex}.d-id h2{font-size:20px}.d-acts{flex-wrap:wrap;gap:8px;display:flex}.d-acts .btn{min-height:40px;padding:0 12px;font-size:13px}.confirm{background:var(--danger-bg);border-radius:10px;flex-direction:column;gap:10px;padding:12px;font-size:13px;display:flex}.confirm div{flex-wrap:wrap;gap:8px;display:flex}.bcard{aspect-ratio:91/55;background:var(--paper);border:1px solid var(--paper-line);max-width:100%;color:var(--paper-ink);border-radius:6px;position:relative;overflow:hidden;container-type:inline-size}.bcard img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bc-in{flex-direction:column;justify-content:space-between;padding:5.5cqw 6cqw;display:flex;position:absolute;inset:0}.bc-co{font-size:max(11px,3.8cqw);font-weight:700}.bc-dep{color:var(--paper-muted);font-size:max(10px,3.2cqw)}.bc-name{letter-spacing:.12em;font-size:max(16px,7cqw);font-weight:700}.bc-meta{color:var(--paper-muted);font-size:max(9px,2.9cqw);line-height:1.6}.irow{border-top:1px solid var(--line2);align-items:center;gap:12px;min-height:52px;padding:4px 0;display:flex}.irow>svg{color:var(--muted);flex:none}.ival{flex:1;min-width:0}.ilab{color:var(--muted);font-size:12px}.itxt{overflow-wrap:anywhere}.sec h3{color:var(--muted);margin-bottom:8px;font-size:12px}.tagline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inline{gap:8px;margin-top:8px;display:flex}.inline input{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex:1;min-width:0;height:40px;padding:0 12px}.inline .btn{min-height:40px}textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:10px;width:100%;min-height:88px;padding:10px 12px}.hist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hist li{gap:12px;font-size:13px;display:flex}.hist time{color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 44px}.fld{flex-direction:column;gap:4px;display:flex}.flab{color:var(--muted);align-items:center;font-size:12px;display:flex}.fld input{border:1px solid var(--line);background:var(--bg);border-radius:10px;height:44px;padding:0 12px}.fld.low input{border:2px solid #c98a1b}.form{flex-direction:column;gap:10px;display:flex}.form .acts{gap:8px;margin-top:6px;display:flex}.group{padding:0 0 4px}.view-pad{padding:16px}.g-head{border-top:1px solid var(--line2);justify-content:space-between;align-items:baseline;padding:12px 16px;font-weight:700;display:flex}.g-head small{color:var(--muted);font-weight:400}.cols{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px;display:grid}.tagbtn{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-weight:700;display:flex}.tagbtn:hover{background:var(--line2)}.tagbtn small{color:var(--muted);font-weight:400}.dup{border-top:1px solid var(--line2);flex-direction:column;gap:12px;padding:16px;display:flex}.dup:first-child{border-top:0}.dup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dup-card{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:12px;font-size:13px;display:flex}.dup-card strong{font-size:15px}.dup .acts{flex-wrap:wrap;gap:8px;display:flex}.modal{z-index:50;padding-block:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#0a0f128c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;width:min(740px,100%);max-height:100%;padding:20px;display:flex;overflow:auto}.sheet-h{justify-content:space-between;align-items:center;display:flex}.sheet-h h2{font-size:18px}.drop{border:1.5px dashed var(--accent);background:var(--tint);border-radius:12px}.drop.over{background:var(--line2)}.drop label{text-align:center;cursor:pointer;color:var(--tint-ink);flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.or{text-align:center;color:var(--muted);font-size:12px}.imp-grid{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.note{color:var(--muted);background:var(--bg);border-radius:8px;padding:10px 12px;font-size:12px}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));display:none;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:48px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex;position:relative}.tabbar button[aria-current=page]{color:var(--tint-ink);font-weight:700}.tabbar .cnt{background:var(--warn-bg);min-width:18px;color:var(--warn-ink);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:2px;left:calc(50% + 8px)}.toast{z-index:60;opacity:0;pointer-events:none;background:var(--ink);max-width:calc(100% - 32px);color:var(--bg);border-radius:10px;padding:10px 16px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}@media (width<=1023px){.app{grid-template-columns:minmax(0,1fr)}.side{display:none}.tabbar{display:flex}body{padding-bottom:88px}.split{grid-template-columns:minmax(0,1fr)}.detail{display:none}.dopen .detail{z-index:30;max-height:none;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border:0;border-radius:0;display:flex;position:fixed;inset:0}.d-top{display:block}.toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.top h1{flex:auto}.search{flex:100%;order:3;max-width:none}.imp-grid,.dup-grid{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px}}body{margin:0}.logo i.logo-mark{padding:0;overflow:hidden}.logo-mark img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.row-wrap{border-top:1px solid var(--line2);grid-template-columns:36px minmax(0,1fr);align-items:stretch;display:grid}.row-wrap .row{border-top:0;padding-left:4px}.row-check{cursor:pointer;justify-content:center;align-items:center;display:flex}.row-check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.row-wrap.mail-selected{background:var(--tint)}.mail-toolbar{min-height:36px;padding:0 10px;font-size:12px}.mail-sheet{max-width:680px}.mail-form{flex-direction:column;gap:10px;display:flex}.mail-body{resize:vertical;min-height:180px}.mail-template{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail-template .btn{min-height:38px;font-size:12px}.mail-template .muted{font-size:12px}@media (width<=640px){.row-wrap{grid-template-columns:32px minmax(0,1fr)}.row-wrap .row{padding-left:2px;padding-right:10px}}.mail-header{box-shadow:0 2px 8px #0b6b6a2e}@media (width<=1023px){.top .mail-header{order:2}.top .header-logout{order:4}}@media (width>=1024px){html,body,#root{height:100%;min-height:0}body{height:100dvh;padding:16px;overflow:hidden}.app{align-items:stretch;max-width:1600px;height:calc(100dvh - 32px)}.side{height:100%;min-height:0;top:0}.main{height:100%;min-height:0;overflow:hidden}.view-area{flex:1;min-height:0;display:flex;overflow:hidden}.split{flex:1;grid-template-columns:minmax(0,1fr) minmax(350px,380px);min-height:0}.list-panel{scrollbar-gutter:stable;height:100%;overflow-y:auto}.toolbar{z-index:4;background:var(--surface);border-bottom:1px solid var(--line2);position:sticky;top:0}.detail{scrollbar-gutter:stable;height:100%;max-height:none;position:relative;top:auto;overflow-y:auto}.view-area>.panel{max-height:100%;overflow-y:auto}}@media (width>=1024px) and (width<=1279px){.app{grid-template-columns:216px minmax(0,1fr);gap:12px}.main{gap:12px}.split{grid-template-columns:minmax(0,1fr) 340px;gap:12px}.top{gap:8px 10px;padding:10px 12px}.top h1{font-size:19px}.row{grid-template-columns:38px minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.75fr) 76px;gap:0 8px;padding-inline:10px}}@media (width<=1023px){html,body,#root{height:auto;min-height:100%}body{height:auto;overflow:auto}.app{align-items:stretch;height:auto;min-height:calc(100dvh - 100px)}.main{height:auto;min-height:0;overflow:visible}.view-area{flex:none;min-height:0;display:block;overflow:visible}.split{height:auto}.list-panel{height:auto;overflow:hidden}}body{font-size:15px}.top h1{font-size:22px}.nav button{font-size:15px}.demo-note{font-size:13px;line-height:1.65}.toolbar{gap:9px;padding:14px 16px}.toolbar select,.chip{min-height:40px;font-size:14px}.toolbar .count{font-size:14px}.row{min-height:72px}.r-name{font-size:15px}.r-line{font-size:14px}.r-sub{font-size:13px;line-height:1.45}.r-date{font-size:14px}.row.on{box-shadow:inset 3px 0 var(--accent)}.row-head-wrap{background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);align-items:center;display:grid}.row-head{color:var(--muted);grid-template-columns:44px minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) 84px;align-items:center;gap:0 14px;padding:9px 16px;font-size:12px;font-weight:700;line-height:1.35;display:grid}.row-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail{gap:20px}.ilab{font-size:13px}.itxt{font-size:15px;line-height:1.55}.sec h3{font-size:13px}.tag{font-size:12px}@container (width<=640px){.row-head{grid-template-columns:44px minmax(0,1fr) auto;gap:0 12px;padding:8px 12px}.row-head span:nth-child(3),.row-head span:nth-child(4){display:none}.row-head span:nth-child(5){text-align:right}}@media (width<=1023px){body{font-size:15px}.top h1{font-size:21px}.row{min-height:72px}}.outlook-step-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.outlook-step-card strong{font-size:20px}.outlook-step-card>span:not(.muted){overflow-wrap:anywhere}.outlook-step-nav{justify-content:center;align-items:center;gap:20px;display:flex}.outlook-step-nav span{text-align:center;min-width:64px;font-weight:700}.outlook-result{white-space:pre-line;background:var(--tint);color:var(--tint-ink);border-radius:10px;padding:12px}@media (width<=1023px){.desktop-only{display:none!important}}.r-kana{color:var(--muted);font-size:11px}@media (width>=1024px){.image-drop,.or{display:none}.contact-file-drop{border:1.5px dashed var(--accent);background:var(--tint);border-radius:12px}.contact-file-drop.over{background:var(--line2)}.contact-file-drop-label{text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:150px;padding:24px 16px;color:var(--tint-ink)!important;background:0 0!important;border:0!important;display:flex!important}.contact-file-drop-label:hover{background:0 0!important}.csv-mobile-label{display:none}}@media (width<=1023px){.csv-desktop-label,.contact-file-drop-label svg,.contact-file-drop-label span{display:none}}