@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--surface:#f6fbfc;--text-main:#072535;--text-muted:#355163;--accent:#6ee8d6;--accent-strong:#8af3e2;--accent-deep:#0d6f77;--border-soft:#d0e5ea;--font-display:"Sora", "Segoe UI", sans-serif;--font-body:"Noto Sans JP", "Yu Gothic", sans-serif;font-family:var(--font-body);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*{box-sizing:border-box}html,body{background:var(--surface);min-height:100%;margin:0}body{min-width:320px}#root{min-height:100svh}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.site-shell{background:var(--surface);color:var(--text-main);isolation:isolate;position:relative}.site-shell:before,.site-shell:after{content:"";z-index:-1;pointer-events:none;filter:blur(60px);border-radius:999px;position:fixed}.site-shell:before{background:color-mix(in srgb, var(--accent) 48%, transparent);width:360px;height:360px;top:-160px;right:-80px}.site-shell:after{background:color-mix(in srgb, var(--accent-deep) 36%, transparent);width:280px;height:280px;bottom:120px;left:-110px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--surface) 82%, transparent);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{align-items:center;display:inline-flex}.brand img{width:112px;height:auto;display:block}.topbar nav{align-items:center;gap:1.35rem;display:flex}.topbar nav a{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;text-decoration:none;transition:color .18s;position:relative}.topbar nav a:after{content:"";transform-origin:0;background:var(--accent-deep);height:1px;transition:transform .18s;position:absolute;bottom:-.3rem;left:0;right:0;transform:scaleX(0)}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--text-main)}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{transform:scaleX(1)}.hero{align-items:end;min-height:calc(100svh - 72px);display:grid;position:relative;overflow:clip}.hero-image{object-fit:cover;width:100%;height:100%;animation:12s ease-in-out infinite alternate drift;position:absolute;inset:0;transform:scale(1.04)}.hero-overlay{background:linear-gradient(107deg,#040f16d1 18%,#040f163d 64%),linear-gradient(#061e2826 0%,#061e28b8 100%);position:absolute;inset:0}.hero-content{color:#eef9fb;text-shadow:0 8px 24px #00000047;max-width:860px;padding:clamp(5rem,10vw,9rem) 4vw;animation:.9s ease-out both hero-in;position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#b9dce3;margin:0 0 .95rem;font-size:.78rem}.hero-content h1{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2rem,5.1vw,4.25rem);line-height:1.07}.lead{color:#d8edf1;max-width:55ch;margin:1.5rem 0 2rem}.hero-actions{flex-wrap:wrap;gap:.85rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.74rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:0 10px 20px #00000024}.btn.primary{background:var(--accent);color:#03222c}.btn.primary:hover,.btn.primary:focus-visible{background:var(--accent-strong)}.btn.ghost{color:#eef9fb;background:#040e1626;border-color:#eef9fb85}.section{padding:clamp(3.6rem,7vw,6rem) 4vw;position:relative}.section+.section{border-top:1px solid var(--border-soft)}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:var(--accent-deep);margin:0 0 .75rem;font-size:.79rem}.section-head{margin-bottom:2rem}.section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1.18}.about p:last-child{max-width:76ch;color:var(--text-muted);margin:1rem 0 0}.services ul{margin:0;padding:0;list-style:none;display:grid}.services li{border-bottom:1px solid var(--border-soft);gap:.45rem;padding:1.4rem 0;transition:padding-left .22s,border-color .22s;display:grid}.services li:hover{border-color:color-mix(in srgb, var(--accent-deep) 40%, var(--border-soft));padding-left:.9rem}.services li h3{font-size:clamp(1.06rem,1.9vw,1.4rem);font-family:var(--font-display);margin:0}.services li p{color:var(--text-muted);margin:0}.advantage-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;display:grid}.advantage-list article{border-left:1px solid var(--border-soft);background:linear-gradient(90deg,#6ee8d61a 0%,#6ee8d600 54%);padding:.3rem 0 .3rem 1.2rem}.count{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent-deep);margin:0 0 .75rem;font-size:.92rem}.advantage-list h3{font-family:var(--font-display);margin:0;font-size:1.15rem}.advantage-list p:last-child{color:var(--text-muted);margin:.72rem 0 0}.company dl{border-top:1px solid var(--border-soft);margin:0}.company dl div{border-bottom:1px solid var(--border-soft);grid-template-columns:220px 1fr;gap:1.2rem;padding:1rem 0;display:grid}.company dt{color:var(--text-main);font-weight:600}.company dd{color:var(--text-muted);margin:0}.business-block{border:1px solid var(--border-soft);background:linear-gradient(#ffffffb8 0%,#ffffff73 100%);border-radius:18px;margin-top:1.7rem;padding:1.2rem 1.1rem}.business-title{letter-spacing:.02em;margin:0 0 .7rem;font-weight:700}.business-block ul{color:var(--text-muted);gap:.45rem;margin:0;padding-left:1.2rem;display:grid}.contact{grid-template-columns:minmax(240px,40%) minmax(0,1fr);align-items:stretch;gap:clamp(1.2rem,2.8vw,2.1rem);display:grid}.contact img{object-fit:cover;border:1px solid var(--border-soft);border-radius:26px;width:100%;height:100%;box-shadow:0 14px 34px #07253533}.contact h2+p{color:var(--text-muted);max-width:42ch;margin:1rem 0 1.5rem}.contact-form{gap:.8rem;display:grid}.contact-form label{color:var(--text-main);gap:.35rem;font-size:.9rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border-soft);width:100%;color:var(--text-main);font:inherit;background:#ffffffb8;border-radius:12px;padding:.72rem .8rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid color-mix(in srgb, var(--accent-deep) 55%, transparent);outline-offset:1px}.submit-btn{width:fit-content;margin-top:.2rem}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-status{margin:0;font-size:.88rem}.form-status.success{color:#0a7a4c}.form-status.error{color:#b42318}.hp-field{opacity:0;pointer-events:none;position:absolute;left:-9999px}footer{border-top:1px solid var(--border-soft);padding:1.8rem 4vw 2.2rem}footer p{color:var(--text-muted);margin:0;font-size:.92rem}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:scale(1.03)translateY(-1.4%)}to{transform:scale(1.08)translateY(1.4%)}}@media (width<=1024px){.topbar{height:64px;padding:0 1rem}.topbar nav{gap:.75rem}.topbar nav a{font-size:.7rem}.brand img{width:96px}.hero{min-height:calc(100svh - 64px)}.advantage-list,.contact{grid-template-columns:1fr}.contact img{aspect-ratio:16/10}.company dl div{grid-template-columns:1fr;gap:.4rem}}@media (width<=740px){.topbar nav{display:none}.hero-content{padding:4.8rem 1rem 3.2rem}.section{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.work-shell{min-height:100svh;color:var(--text-main);background:radial-gradient(860px 300px at 85% -10%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 75%), radial-gradient(780px 320px at 5% -20%, color-mix(in srgb, var(--accent-deep) 12%, transparent), transparent 76%), #f2f8fa}.work-topbar{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--border-soft) 82%, #fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f8fadb;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.work-brand{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.work-brand img{width:98px;height:auto}.work-brand p{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:.96rem}.work-brand small{color:var(--text-muted);font-size:.8rem}.work-header-right{align-items:center;gap:.7rem;display:flex}.work-user-chip{border:1px solid color-mix(in srgb, var(--border-soft) 78%, #fff);color:var(--text-muted);background:#ffffffc7;border-radius:999px;align-items:center;gap:.5rem;max-width:240px;padding:.24rem .54rem .24rem .24rem;font-size:.78rem;display:inline-flex}.work-user-chip span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.work-tabs{border:1px solid color-mix(in srgb, var(--border-soft) 90%, #fff);background:#ffffffc7;border-radius:999px;gap:.28rem;padding:.2rem;display:inline-flex}.work-tabs button{appearance:none;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .78rem;font-size:.8rem}.work-tabs button.is-active{background:color-mix(in srgb, var(--accent) 46%, #fff);color:#083747}.work-main{width:min(1600px,100%);margin:0 auto;padding:1rem 1rem 1.6rem}.work-content{gap:1rem;display:grid}.work-pane,.work-hero-panel,.calendar-shell>.work-pane{border:1px solid color-mix(in srgb, var(--border-soft) 82%, #fff);background:#ffffffd6;border-radius:16px;padding:1rem}.work-hero-panel{background:linear-gradient(140deg,#ffffffdb 0%,#f5fcfef2 50%,#ecfbf7e6 100%)}.work-hero-title{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.work-hero-title h1{font-family:var(--font-display);margin:0;font-size:clamp(1.2rem,1.9vw,1.5rem)}.work-hero-title p{color:var(--text-muted);margin:0;font-size:.84rem}.work-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.8rem 0 0;display:grid}.work-status-grid div{border:1px solid color-mix(in srgb, var(--border-soft) 72%, #fff);background:#ffffffb3;border-radius:12px;padding:.7rem}.work-status-grid dt{color:var(--text-muted);margin:0 0 .2rem;font-size:.8rem}.work-status-grid dd{margin:0;font-weight:700}.work-attendance-actions{flex-wrap:wrap;gap:.52rem;margin-top:.8rem;display:flex}.btn.secondary{background:color-mix(in srgb, var(--accent-deep) 16%, #fff);color:color-mix(in srgb, var(--accent-deep) 86%, #062a37)}.work-shell .btn.ghost{color:color-mix(in srgb, var(--accent-deep) 88%, #053645);border-color:color-mix(in srgb, var(--border-soft) 76%, var(--accent-deep));background:#ffffffbf}.btn.compact{border-radius:10px;padding:.42rem .7rem;font-size:.8rem}.work-pane-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;display:flex}.work-pane-head h1,.work-pane-head h2{font-family:var(--font-display);margin:0;font-size:1.08rem}.work-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9rem}.work-table th,.work-table td{border-bottom:1px solid color-mix(in srgb, var(--border-soft) 68%, #fff);text-align:left;vertical-align:top;word-break:break-word;padding:.58rem .5rem}.work-table th{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.table-empty{text-align:center;color:var(--text-muted);padding:1rem .5rem!important}.table-wrap{overflow-x:auto}.work-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:.9rem;display:grid}.work-form-grid label,.schedule-form label{color:var(--text-muted);gap:.28rem;font-size:.82rem;display:grid}.work-form-grid button{align-self:end}.work-form-grid.edit-form{border-top:1px solid color-mix(in srgb, var(--border-soft) 70%, #fff);margin-top:.95rem;padding-top:.95rem}.edit-form-title{grid-column:1/-1;margin:0;font-weight:700}.work-shell input,.work-shell select,.work-shell textarea{border:1px solid color-mix(in srgb, var(--border-soft) 84%, #fff);width:100%;color:var(--text-main);font:inherit;background:#ffffffe6;border-radius:10px;padding:.55rem .62rem}.row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.date-filter{align-items:center;gap:.45rem;display:flex}.date-filter input[type=date]{min-width:160px}.work-notice{margin:.48rem 0 0;font-size:.84rem}.work-notice.success{color:#0a7a4c}.work-notice.error{color:#b42318}.work-notice.info{color:#255266}.mini-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem;display:grid}.mini-kpi-row div{border:1px solid color-mix(in srgb, var(--border-soft) 70%, #fff);background:#ffffffbf;border-radius:12px;padding:.6rem}.mini-kpi-row span{color:var(--text-muted);font-size:.78rem;display:block}.mini-kpi-row strong{font-family:var(--font-display);font-size:1.05rem}.calendar-shell{grid-template-columns:1.55fr 1fr;gap:1rem;display:grid}.calendar-head h1{margin:0}.calendar-nav{gap:.35rem;display:flex}.calendar-grid{border:1px solid color-mix(in srgb, var(--border-soft) 66%, #fff);border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.calendar-week-label{text-align:center;color:var(--text-muted);background:color-mix(in srgb, var(--surface) 88%, #fff);border-bottom:1px solid color-mix(in srgb, var(--border-soft) 60%, #fff);padding:.45rem;font-size:.78rem}.calendar-day{border:none;border-right:1px solid color-mix(in srgb, var(--border-soft) 55%, #fff);border-bottom:1px solid color-mix(in srgb, var(--border-soft) 55%, #fff);cursor:pointer;text-align:left;background:#ffffffb8;flex-direction:column;align-items:stretch;gap:.26rem;min-height:116px;padding:.34rem;display:flex}.calendar-day:nth-child(7n){border-right:none}.calendar-day.is-out{background:#f7fbfcb8}.calendar-day.is-selected{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-deep) 48%, #fff)}.calendar-day.is-today .calendar-day-number{color:#0b6168;font-weight:800}.calendar-day-number{font-size:.8rem}.calendar-events{gap:.2rem;margin-top:.1rem;display:grid}.calendar-event-chip{background:color-mix(in srgb, var(--accent) 36%, #fff);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:.18rem .3rem;font-size:.7rem;display:block;overflow:hidden}.calendar-more{color:var(--text-muted);font-size:.68rem}.schedule-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem;display:grid}.schedule-form .note-row{grid-column:1/-1}.work-center{place-items:center;min-height:100svh;padding:2rem 1rem;display:grid}.work-login-panel{border:1px solid color-mix(in srgb, var(--border-soft) 80%, #fff);background:linear-gradient(160deg,#ffffffeb 0%,#f7fcfdf0 58%,#eefaf6eb 100%);border-radius:18px;width:min(480px,100%);padding:1rem}.work-login-logo{border-bottom:1px solid color-mix(in srgb, var(--border-soft) 74%, #fff);justify-content:center;padding:.25rem 0 .9rem;display:flex}.work-login-logo img{width:min(320px,80%);height:auto}.work-login-form{gap:.72rem;margin-top:.9rem;display:grid}.work-login-form label{gap:.3rem;font-size:.86rem;font-weight:600;display:grid}.work-login-form .btn{width:100%}.profile-pane{width:min(640px,100%)}.profile-editor{background:#ffffffd1;border:1px solid #e6ecf1;border-radius:12px;gap:.8rem;padding:.8rem;display:grid}.profile-editor-head{align-items:center;gap:.72rem;display:flex}.profile-editor-head p{margin:0;font-size:.92rem;font-weight:700}.profile-editor-head small{color:var(--text-muted);font-size:.78rem}.profile-upload-btn{width:fit-content}.profile-mail-form{background:#fcffffeb;border:1px solid #e2e9f0;border-radius:10px;gap:.4rem;padding:.58rem;display:grid}.profile-mail-form label{color:#274b63;gap:.24rem;font-size:.8rem;display:grid}.profile-presets{gap:.45rem;display:grid}.profile-presets h3{margin:0;font-size:.86rem}.profile-presets-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.profile-preset-btn{appearance:none;cursor:pointer;background:#fff;border:1px solid #e6ecf1;border-radius:10px;padding:.24rem}.profile-preset-btn img{aspect-ratio:1;border-radius:8px;width:100%;display:block}.chatwork-layout{gap:.36rem;height:calc(100svh - 138px);min-height:520px;overflow:hidden}.cw-shell{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:.48rem;height:100%;min-height:0;display:grid}.cw-panel{background:#ffffffeb;border:1px solid #dfe6ec;border-radius:14px;min-height:0;padding:.48rem}.cw-panel-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.48rem;display:flex}.cw-panel-head h1,.cw-panel-head h2{font-size:1rem;font-family:var(--font-display);margin:0}.cw-muted{color:var(--text-muted);margin:0;font-size:.82rem}.cw-room-panel{grid-template-rows:auto auto minmax(0,1fr);gap:.38rem;display:grid}.cw-panel-actions{align-items:center;gap:.35rem;display:inline-flex}.cw-room-create{background:#ffffffb8;border:1px solid #e8edf2;border-radius:12px;gap:.55rem;padding:.65rem;display:grid}.cw-room-create label{color:var(--text-muted);gap:.25rem;font-size:.78rem;display:grid}.cw-member-picker{background:#f7fbfecc;border:1px solid #ecf0f4;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:160px;padding:.45rem;display:grid;overflow-y:auto}.cw-member-item{color:#204156;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.42rem;font-size:.76rem;display:grid}.cw-member-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cw-room-list{gap:.25rem;min-height:0;padding-right:.1rem;display:grid;overflow-y:auto}.cw-room-item{text-align:left;cursor:pointer;background:#ffffffd6;border:1px solid #e5eaef;border-radius:10px;padding:.44rem .5rem;transition:border-color .16s,background-color .16s}.cw-room-item:hover{border-color:color-mix(in srgb, var(--accent-deep) 38%, #fff)}.cw-room-item.is-active{border-color:color-mix(in srgb, var(--accent-deep) 44%, #fff);background:color-mix(in srgb, var(--accent) 18%, #fff)}.cw-room-item-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.cw-room-item-head strong{font-size:.83rem}.cw-room-item time{color:#5a7287;text-overflow:ellipsis;white-space:nowrap;margin-top:.14rem;font-size:.71rem;display:block;overflow:hidden}.cw-unread-badge{color:#fff;background:#d11b3a;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;min-width:1.38rem;height:1.38rem;padding:0 .32rem;font-size:.74rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ae082e47}.cw-thread-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:.34rem;min-height:0;display:grid;overflow:hidden}.cw-member-adder{background:#fafdffeb;border:1px solid #e8edf2;border-radius:12px;gap:.45rem;padding:.6rem;display:grid}.cw-thread-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.cw-thread-head h2{margin:0;font-size:1.02rem}.cw-thread-head p{color:var(--text-muted);margin:.15rem 0 0;font-size:.74rem}.cw-thread-body{align-content:start;gap:.26rem;min-height:0;padding-bottom:.44rem;padding-right:.14rem;display:grid;overflow:hidden auto}.cw-message{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.3rem;padding-bottom:.08rem;display:grid}.cw-message.mine{grid-template-columns:minmax(0,1fr) auto}.cw-message-bubble{background:#fffffff2;border:1px solid #e8eef3;border-radius:12px;padding:.34rem .46rem;overflow:visible}.cw-message.mine .cw-message-bubble{background:#edf8f2;border-color:#d6e7db}.cw-message-meta{justify-content:space-between;align-items:center;gap:.36rem;display:flex}.cw-message-meta strong{font-size:.8rem}.cw-message-meta-right{align-items:center;gap:.35rem;display:inline-flex}.cw-message-meta time{color:#60768b;font-size:.7rem}.cw-read-chip-wrap{position:relative}.cw-read-chip{appearance:none;color:#3b6079;cursor:pointer;background:#fff;border:1px solid #e1e8ee;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;line-height:1.35}.cw-read-popover{z-index:4;background:#fffffffa;border:1px solid #e1e8ee;border-radius:10px;min-width:200px;padding:.4rem;animation:.12s read-popover-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 20px #12354a1f}.cw-read-popover ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.cw-read-popover li{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem;display:grid}.cw-read-popover li span{color:#34556d;font-size:.74rem}.cw-read-popover p{color:#5f768a;margin:0;font-size:.74rem}.cw-message-text{white-space:pre-wrap;word-break:break-word;margin:.12rem 0 0;font-size:.82rem;line-height:1.45}.cw-message-to{color:#3f5f76;margin:.16rem 0 0;font-size:.72rem}.cw-message-attachments{gap:.38rem;margin-top:.46rem;display:grid}.cw-message-image{margin:0}.cw-message-image img{border:1px solid #e4e9ee;border-radius:10px;width:min(240px,100%);display:block}.cw-message-file{color:#45647a;margin:0;font-size:.75rem}.cw-message-actions{opacity:0;pointer-events:none;z-index:2;justify-content:flex-end;align-items:center;gap:.24rem;transition:opacity .12s,transform .12s;display:flex;position:relative;transform:translateY(2px)}.cw-message-action-wrap{justify-content:flex-end;margin-top:.22rem;padding-bottom:.08rem;display:flex;position:relative}.cw-message:hover .cw-message-actions,.cw-message:focus-within .cw-message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.cw-reply-preview,.cw-reply-current{background:#f0f8ffdb;border:1px solid #e0e8ef;border-left:4px solid #4f7ea9;border-radius:10px;padding:.44rem .52rem}.cw-reply-preview p,.cw-reply-current p{color:#35566f;margin:0;font-size:.76rem}.cw-composer{padding-top:.32rem;padding-inline:.2rem;z-index:3;background:#f7fbfeeb;border-top:2px solid #d2dde6;border-radius:10px;gap:.28rem;margin-top:0;padding-bottom:.16rem;display:grid;position:sticky;bottom:0}.cw-composer-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.34rem;display:flex}.cw-emoji-actions{gap:.26rem;display:inline-flex}.cw-emoji-btn{appearance:none;cursor:pointer;background:#fffc;border:1px solid #e7ecf1;border-radius:8px;min-width:32px;height:30px;line-height:1}.cw-icon-btn{appearance:none;cursor:pointer;color:#31556f;background:#fff;border:1px solid #e1e7ee;border-radius:8px;min-width:31px;height:29px;font-size:.8rem}.message-action-btn{border-radius:10px;min-width:36px;height:36px;font-size:1rem}.cw-icon-btn.is-active{background:color-mix(in srgb, var(--accent) 18%, #fff);border-color:color-mix(in srgb, var(--accent-deep) 38%, #fff)}.cw-picker-panel{background:#fffffff0;border:1px solid #e6ecf1;border-radius:10px;gap:.45rem;padding:.5rem;display:grid}.cw-picker-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.cw-emoji-palette{grid-template-columns:repeat(8,minmax(0,1fr))}.cw-reaction-palette{z-index:6;background:#fffffffa;border:1px solid #e6ecf1;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.35rem;display:grid;position:absolute;bottom:calc(100% + .24rem);right:0;box-shadow:0 8px 20px #12354a1f}.cw-reaction-list{flex-wrap:wrap;align-items:center;gap:.28rem;margin-top:.38rem;display:inline-flex}.cw-reaction-chip{appearance:none;color:#355a75;cursor:pointer;background:#fffffff0;border:1px solid #e6ebf0;border-radius:999px;padding:.1rem .42rem;font-size:.72rem}.cw-reaction-chip.is-mine{background:color-mix(in srgb, var(--accent) 18%, #fff)}.cw-read-indicator{color:#5d7388;margin-top:.3rem;font-size:.7rem;display:block}@keyframes read-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cw-composer-actions{gap:.4rem;display:inline-flex}.cw-attachment-preview-list{gap:.42rem;margin:0;padding:0;list-style:none;display:grid}.cw-attachment-preview-item{background:#fbfdffe6;border:1px solid #e6ecf1;border-radius:10px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:.52rem;padding:.4rem;display:grid}.cw-attachment-preview-item img{object-fit:cover;border-radius:8px;width:56px;height:56px;display:block}.cw-attachment-preview-item p{margin:0;font-size:.8rem}.cw-attachment-preview-item small{color:var(--text-muted);font-size:.7rem}.cw-composer textarea{resize:vertical;background:#fff;min-height:54px;max-height:140px}.cw-send-btn{border-radius:9px;justify-self:end;width:78px;padding:.34rem .52rem}.chat-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#3f6a8f 0%,#7098bf 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-avatar.size-sm{width:28px;height:28px;font-size:.66rem}.chat-avatar.size-md{width:34px;height:34px;font-size:.72rem}.chat-avatar.size-lg{width:52px;height:52px;font-size:.92rem}.mail-layout{gap:.42rem;height:calc(100svh - 138px);min-height:620px;overflow:hidden}.mail-shell{grid-template-columns:minmax(240px,280px) minmax(360px,1fr) minmax(360px,1fr);grid-template-areas:"sidebar list detail";gap:.54rem;height:100%;min-height:0;display:grid}.mail-shell.is-detail-hidden{grid-template-columns:minmax(240px,280px) minmax(0,1fr);grid-template-areas:"sidebar list"}.mail-panel{background:linear-gradient(#fffffff5,#f8fcffed);border:1px solid #d9e2e9;border-radius:16px;min-height:0;padding:.6rem}.mail-sidebar{grid-area:sidebar;grid-template-rows:auto auto minmax(180px,1fr) minmax(170px,1fr);gap:.44rem;display:grid}.mail-compose-trigger{width:100%;height:40px;font-size:.84rem}.mail-folder-nav{gap:.24rem;display:grid}.mail-folder-item{appearance:none;text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #e0e7ee;border-radius:12px;justify-content:space-between;align-items:center;gap:.4rem;padding:.44rem .56rem;display:flex}.mail-folder-item span{font-size:.8rem}.mail-folder-item strong{text-align:right;color:#315875;min-width:1.4rem;font-size:.7rem}.mail-folder-item.is-active{border-color:color-mix(in srgb, var(--accent-deep) 46%, #fff);background:#ebf7ff}.mail-mailbox-wrap{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.mail-panel-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.52rem;display:flex}.mail-panel-head h1,.mail-panel-head h2{font-size:1rem;font-family:var(--font-display);margin:0}.mail-panel-head p{color:var(--text-muted);margin:.2rem 0 0;font-size:.76rem}.mail-head-actions{align-items:center;gap:.35rem;display:inline-flex}.mail-head-actions-grid{grid-template-columns:minmax(220px,1fr) auto auto auto auto;align-items:center;gap:.4rem;display:grid}.mail-list-head-wrap{align-items:start}.mail-refresh-chip{color:#2f5a76;background:#eff9ff;border:1px solid #dae3ea;border-radius:999px;align-items:center;padding:.12rem .48rem;font-size:.68rem;line-height:1.3;display:inline-flex}.mail-mailbox-list{gap:.28rem;min-height:0;display:grid;overflow-y:auto}.mail-mailbox-list-compact{gap:.2rem}.mail-mailbox-item{appearance:none;text-align:left;cursor:pointer;background:#ffffffdb;border:1px solid #e5eaef;border-radius:10px;padding:.48rem .52rem;transition:border-color .16s,background-color .16s}.mail-mailbox-item:hover{border-color:color-mix(in srgb, var(--accent-deep) 38%, #fff)}.mail-mailbox-item.is-active{border-color:color-mix(in srgb, var(--accent-deep) 44%, #fff);background:color-mix(in srgb, var(--accent) 17%, #fff)}.mail-mailbox-item-compact{border-radius:11px;padding:.4rem .5rem}.mail-mailbox-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.mail-mailbox-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.mail-mailbox-item p,.mail-mailbox-item small{color:#4b667b;text-overflow:ellipsis;white-space:nowrap;margin:.18rem 0 0;font-size:.72rem;overflow:hidden}.mail-badge{color:#20415c;background:#d1dbe4;border:1px solid #bac9d7;border-radius:999px;flex-shrink:0;align-items:center;padding:.08rem .4rem;font-size:.68rem;display:inline-flex}.mail-address-book{grid-template-rows:auto auto minmax(0,1fr);gap:.3rem;min-height:0;display:grid}.mail-address-book-list{gap:.2rem;min-height:0;display:grid;overflow-y:auto}.mail-address-item{appearance:none;text-align:left;cursor:pointer;background:#ffffffd9;border:1px solid #e0e8ee;border-radius:10px;gap:.04rem;padding:.34rem .42rem;display:grid}.mail-address-item span{color:#143954;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.mail-address-item small{color:#547086;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.mail-search-input{color:#123550;background:#fffffff0;border:1px solid #d4dee6;border-radius:10px;width:100%;padding:.4rem .52rem;font-size:.76rem}.mail-inline-select{min-width:128px}.mail-list-panel{grid-area:list;grid-template-rows:auto minmax(0,1fr);gap:.5rem;display:grid}.mail-detail-panel{grid-area:detail;align-content:start;min-height:0;display:grid;overflow-y:auto}.mail-message-list{gap:.34rem;min-height:0;padding-right:.1rem;display:grid;overflow-y:auto}.mail-message-row{cursor:pointer;background:#ffffffdb;border:1px solid #e6ecf1;border-radius:12px;padding:.54rem .58rem;transition:border-color .14s,background-color .14s}.mail-message-row:hover{border-color:color-mix(in srgb, var(--accent-deep) 38%, #fff)}.mail-message-row.is-active{border-color:color-mix(in srgb, var(--accent-deep) 44%, #fff);background:color-mix(in srgb, var(--accent) 15%, #fff)}.mail-message-row.is-unread{border-color:color-mix(in srgb, var(--accent-deep) 34%, #fff);background:color-mix(in srgb, #fff 88%, var(--accent) 12%)}.mail-message-row-head{justify-content:space-between;align-items:flex-start;gap:.46rem;display:flex}.mail-message-time-wrap{align-items:center;gap:.3rem;display:inline-flex}.mail-unread-dot{background:color-mix(in srgb, var(--accent-deep) 78%, #fff);border-radius:999px;flex-shrink:0;width:.56rem;height:.56rem}.mail-message-row-head h3{margin:0;font-size:.86rem;font-weight:600}.mail-message-row-head time{color:#5b758a;white-space:nowrap;font-size:.7rem}.mail-message-counterpart{color:#365970;margin:.2rem 0 0;font-size:.74rem}.mail-message-preview{white-space:nowrap;text-overflow:ellipsis;color:#4a667d;margin:.2rem 0 0;font-size:.75rem;overflow:hidden}.mail-row-action-trigger{color:#1a4766;cursor:pointer;background:#ffffffe6;border:1px solid #d6e0e8;border-radius:999px;min-width:28px;height:24px;padding:0 .45rem;font-size:.7rem;line-height:1}.mail-row-action-menu{background:#fdfffffa;border:1px solid #d7e1e9;border-radius:10px;gap:.18rem;margin-top:.34rem;padding:.24rem;display:grid}.mail-row-action-menu button{color:#1f4f6f;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:.28rem .36rem;font-size:.74rem}.mail-row-action-menu button:hover{background:#eef9ff;border-color:#d8e2ea}.mail-row-action-menu small{color:#5d7588;padding:0 .36rem .1rem;font-size:.7rem}.mail-detail-body{gap:.34rem;display:grid}.mail-detail-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.mail-detail-head h3{margin:0;font-size:.96rem}.mail-detail-head time{color:#5b758a;white-space:nowrap;font-size:.72rem}.mail-detail-action-row{justify-content:flex-start;margin-top:.14rem;display:flex;position:relative}.mail-detail-empty{align-content:start;justify-items:start;gap:.6rem;display:grid}.mail-compose-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.mail-compose{background:#fafdffeb;border:1px solid #e6ecf1;border-radius:12px;gap:.46rem;padding:.58rem;display:grid}.mail-compose h3{margin:0;font-size:.9rem}.mail-compose label{color:#385b73;gap:.24rem;font-size:.76rem;display:grid}.mail-compose textarea{resize:vertical}.mail-compose-actions{justify-content:flex-end;gap:.42rem;display:flex}.mail-compose-attachments{gap:.36rem;display:grid}.mail-attachment-list{gap:.24rem;margin:0;padding:0;list-style:none;display:grid}.mail-attachment-list li{border:1px solid #e9eef2;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.35rem;padding:.3rem .36rem;display:grid}.mail-attachment-list li span{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.mail-attachment-list li small{color:#59758a;font-size:.7rem}.mail-message-from{color:#365970;margin:0;font-size:.74rem}.mail-message-meta{color:#47647b;margin:.24rem 0 0;font-size:.72rem}.mail-message-body{white-space:pre-wrap;word-break:break-word;margin:.34rem 0 0;font-size:.8rem;line-height:1.45}.mail-message-attachments{gap:.16rem;margin-top:.34rem;display:grid}.mail-message-attachments p{color:#355b75;margin:0;font-size:.74rem}.mail-message-attachments ul{gap:.14rem;margin:0;padding-left:1.05rem;display:grid}.mail-message-attachments li{flex-wrap:wrap;align-items:center;gap:.38rem;display:flex}.mail-message-attachments a{color:#0b5f88;font-size:.76rem}.mail-message-attachments small{color:#5d7588;font-size:.7rem}.mail-muted{color:var(--text-muted);margin:0;font-size:.82rem}@media (width<=1200px){.calendar-shell,.cw-shell{grid-template-columns:1fr}.mail-shell{grid-template-columns:minmax(220px,270px) minmax(0,1fr);grid-template-areas:"sidebar list""sidebar detail"}.mail-layout{min-height:660px}.chatwork-layout{height:calc(100svh - 124px);min-height:0;overflow:hidden}}@media (width<=1024px){.mail-shell{grid-template-columns:1fr;grid-template-areas:"sidebar""list""detail"}.mail-layout{height:auto;min-height:0;overflow:visible}.mail-sidebar{grid-template-rows:auto auto minmax(180px,1fr) minmax(170px,1fr)}.mail-mailbox-wrap{min-height:200px}.mail-address-book{min-height:180px}.mail-head-actions-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.work-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-form-grid button{grid-column:1/-1}.mini-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.work-topbar{flex-direction:column;align-items:stretch;gap:.6rem;padding:.7rem .85rem}.work-header-right{flex-wrap:wrap;justify-content:space-between;width:100%}.work-main{padding:.9rem .85rem 1.4rem}.chatwork-layout{height:calc(100svh - 172px)}.mail-layout{height:auto}.mail-head-actions-grid{grid-template-columns:1fr}.mail-compose-actions{justify-content:stretch}.mail-compose-actions .btn{flex:auto}.work-status-grid{grid-template-columns:1fr}.work-attendance-actions .btn{flex:calc(50% - .35rem)}.work-form-grid,.schedule-form{grid-template-columns:1fr}.calendar-day{min-height:86px}.calendar-event-chip{font-size:.66rem}.date-filter{flex-wrap:wrap;width:100%}.date-filter input[type=date]{width:100%;min-width:0}.work-user-chip{max-width:100%}.cw-shell{grid-template-columns:1fr}.profile-presets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-member-picker{grid-template-columns:1fr}.cw-attachment-preview-item{grid-template-columns:48px minmax(0,1fr) auto}.cw-attachment-preview-item img{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.work-shell *,.work-shell :before,.work-shell :after{transition:none!important;animation:none!important}}