:root{--raku-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;--raku-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--raku-font-size-xs:12px;--raku-font-size-sm:13px;--raku-font-size-md:14px;--raku-font-size-lg:16px;--raku-font-size-xl:20px;--raku-line-height-tight:1.3;--raku-line-height-default:1.55;--raku-font-weight-regular:400;--raku-font-weight-medium:500;--raku-font-weight-unread:600;--raku-color-canvas:#fff;--raku-color-surface:#fff;--raku-color-surface-subtle:#fbfbfa;--raku-color-sidebar:#f7f7f5;--raku-color-hover:#efefec;--raku-color-selected:#eef4ff;--raku-color-text:#1f1f1f;--raku-color-text-secondary:#6f6f69;--raku-color-text-muted:#9a9a93;--raku-color-line:#e6e6e1;--raku-color-line-strong:#d7d7d1;--raku-color-primary:#2563eb;--raku-color-primary-hover:#1d4ed8;--raku-color-primary-soft:#eaf2ff;--raku-color-on-primary:#fff;--raku-color-success:#0f9f6e;--raku-color-success-soft:#e7f6ec;--raku-color-success-border:#cde8d7;--raku-color-warning:#b7791f;--raku-color-warning-soft:#fff1cc;--raku-color-warning-border:#f0d9a3;--raku-color-danger:#b91c1c;--raku-color-danger-strong:#e5484d;--raku-color-danger-soft:#fee2e2;--raku-color-danger-border:#f1b5b8;--raku-color-ai:#6d4aff;--raku-color-ai-soft:#f0eaff;--raku-color-ai-border:#dacfff;--raku-space-1:2px;--raku-space-2:4px;--raku-space-3:6px;--raku-space-4:8px;--raku-space-5:10px;--raku-space-6:12px;--raku-space-8:16px;--raku-space-10:20px;--raku-space-12:24px;--raku-space-16:32px;--raku-radius-sm:4px;--raku-radius-control:6px;--raku-radius-panel:8px;--raku-radius-pill:999px;--raku-control-height-sm:32px;--raku-control-height-md:36px;--raku-control-height-lg:40px;--raku-control-height-touch:44px;--raku-sidebar-width:248px;--raku-detail-pane-min:360px;--raku-detail-pane-max:420px;--raku-page-gutter:24px;--raku-dense-row-min-height:52px;--raku-record-row-min-height:44px;--raku-focus-ring:0 0 0 3px rgba(37,99,235,.2);--raku-shadow-none:none;--raku-shadow-overlay:0 16px 40px rgba(31,31,31,.14);--raku-motion-fast:120ms;--raku-motion-default:180ms;--raku-ease-standard:cubic-bezier(0.2,0,0,1)}@media (max-width:767px){:root{--raku-page-gutter:16px}}@media (prefers-reduced-motion:reduce){:root{--raku-motion-fast:0ms;--raku-motion-default:0ms}}:root{--bg:var(--raku-color-sidebar);--panel:var(--raku-color-surface);--line:var(--raku-color-line);--text:var(--raku-color-text);--muted:var(--raku-color-text-secondary);--blue:var(--raku-color-primary);--blue-soft:var(--raku-color-primary-soft);--teal:var(--raku-color-success);--danger:var(--raku-color-danger);--warning:var(--raku-color-warning);color-scheme:light;font-family:var(--raku-font-sans);font-size:var(--raku-font-size-md)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a:focus-visible,button:focus-visible{outline:2px solid var(--raku-color-primary);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:1.72rem;line-height:var(--raku-line-height-tight)}h1,h2{font-weight:var(--raku-font-weight-medium)}h2{font-size:1.08rem}h3{font-size:.96rem;font-weight:var(--raku-font-weight-medium)}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:46px;height:34px;display:grid;place-items:center;flex:0 0 auto}.brand-mark img{width:46px;height:31px;object-fit:contain}.brand small,.brand strong{display:block}.brand strong{font-size:1.18rem;font-weight:var(--raku-font-weight-medium)}.brand small{color:var(--muted);font-size:.72rem;margin-top:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 16px 18px;border-right:1px solid var(--line);background:#fbfbfa;display:flex;flex-direction:column;gap:8px}.workspace-name{padding:14px 8px 7px;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-action{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:var(--raku-color-on-primary);min-height:42px;border-radius:var(--raku-radius-sm);margin:4px 0 12px;font-weight:var(--raku-font-weight-medium)}.side-nav{display:grid;grid-gap:3px;gap:3px}.side-nav a,.sidebar>a:not(.brand):not(.primary-action),.text-button{border:0;background:transparent;min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 10px;color:#555653;border-radius:3px;text-align:left}.side-nav a:hover,.sidebar>a:hover,.text-button:hover{background:#efefed;color:var(--text)}.sidebar-spacer{flex:1 1}.main-pane{min-width:0;padding-bottom:48px}.page-header{min-height:142px;padding:30px 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.page-header.compact{min-height:104px;align-items:center}.page-header h1{margin:5px 0 6px}.page-header p,.page-header span{color:var(--muted);margin:0}.page-header p{font-size:.76rem}.content-panel{margin:24px 30px 0;background:var(--panel);border:1px solid var(--line);border-radius:4px}.button,.icon-button{border:1px solid var(--raku-color-line-strong);background:#fff;color:var(--text);min-height:var(--raku-control-height-lg);padding:8px 15px;border-radius:var(--raku-radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--raku-font-weight-medium)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.ghost:hover,.icon-button:hover{background:#efefed}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger-text{color:var(--danger);border-color:transparent}.icon-button{width:42px;padding:0}.icon-button svg{width:19px}.toolbar{min-height:66px;padding:12px 16px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.toolbar>span{color:var(--muted);white-space:nowrap}.search-box{flex:1 1;max-width:720px;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d7d7d4;border-radius:4px}.search-box input{border:0;outline:0;flex:1 1;min-width:0}.document-table{min-width:760px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.3fr .8fr 1fr;grid-gap:18px;gap:18px;align-items:center;padding:13px 18px}.table-head{background:#fbfbfa;color:var(--muted);font-size:.78rem;border-bottom:1px solid var(--line)}.table-row{border-bottom:1px solid #edf0f2;min-height:72px}.table-row:hover{background:#f7f7f5}.table-row small,.table-row span,.table-row strong{min-width:0;display:block}.table-row strong{font-weight:var(--raku-font-weight-regular)}.table-row small,.table-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row small{color:var(--muted);font-size:.77rem;margin-top:4px}.status{display:inline-flex;width:-moz-fit-content;width:fit-content;font-style:normal;font-size:.75rem;padding:4px 8px;border:1px solid #bfd3ed;color:#255c96;background:#f1f7ff;border-radius:999px}.status-completed,.status-signed{color:#136551;border-color:#abd9ca;background:#effbf7}.status-declined{color:#9e2935;border-color:#e8bdc2;background:#fff4f5}.empty-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:40px}.empty-state h2{color:var(--text);margin:12px 0 7px}.wizard-steps{max-width:950px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.wizard-steps>div{position:relative;display:flex;align-items:center;gap:9px;color:var(--muted)}.wizard-steps>div:after{content:"";height:1px;background:#cbd4dd;position:absolute;left:38px;right:10px;top:16px;z-index:-1}.wizard-steps>div:last-child:after{display:none}.wizard-steps span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #bcc7d2;border-radius:50%;background:var(--bg)}.wizard-steps p{margin:0;font-size:.82rem;background:var(--bg);padding-right:12px}.wizard-steps .active{color:var(--blue)}.wizard-steps .active span,.wizard-steps .done span{background:var(--blue);border-color:var(--blue);color:#fff}.wizard-panel{max-width:950px;margin:20px auto 50px;border:1px solid var(--line);border-radius:4px;background:#fff}.wizard-content{padding:32px}.wizard-content>p{color:var(--muted)}.drop-zone{min-height:185px;border:1.5px dashed #b8b8b4;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin:25px 0;background:#fbfbfa}.drop-zone.has-file{border-color:var(--teal);background:#f1faf8;color:#126653}.drop-zone input{display:none}.drop-zone span{color:var(--muted);font-size:.8rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.form-grid.single{grid-template-columns:1fr}.stack-form{display:grid;grid-gap:16px;gap:16px}label{display:grid;grid-gap:7px;gap:7px;color:#555653;font-size:.82rem}label>span{color:var(--danger)}input,select,textarea{width:100%;border:1px solid #d7d7d4;border-radius:4px;padding:10px 11px;background:#fff;color:var(--text);outline:0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:var(--raku-focus-ring)}textarea{resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.segmented{display:inline-flex;border:1px solid #d7d7d4;border-radius:4px;padding:3px}.segmented button{border:0;background:transparent;padding:8px 14px;border-radius:4px}.segmented button.active{background:var(--blue-soft);color:var(--blue)}.recipient-list{display:grid;grid-gap:10px;gap:10px;margin:20px 0 13px}.recipient-row{display:grid;grid-template-columns:24px 32px 1fr 1.4fr 42px;grid-gap:10px;gap:10px;align-items:end;border:1px solid var(--line);padding:14px;border-radius:4px}.recipient-row>svg{color:var(--muted);align-self:center}.order{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);align-self:center}.review-document{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:15px;border-radius:4px;margin:20px 0}.review-document small,.review-document strong{display:block}.review-document small{color:var(--muted);margin-top:4px}.review-recipients{margin:24px 0}.review-recipients>div{display:grid;grid-template-columns:55px 1fr 1.5fr;padding:11px;border-bottom:1px solid var(--line)}.review-recipients span{display:flex;gap:7px;color:var(--blue)}.review-recipients small{color:var(--muted)}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:16px 24px}.notice{padding:11px 13px;margin:14px 0 0;border:1px solid;border-radius:4px;font-size:.84rem}.notice.info{color:#315f8d;background:#f2f7fd;border-color:#c5d9ee}.notice.success{color:#176651;background:#effaf6;border-color:#b9ddcf}.notice.warning{color:var(--warning);background:#fff8e8;border-color:#ead29c}.notice.error{color:var(--danger);background:#fff2f3;border-color:#e9bdc2}.page-notice{margin:18px 30px 0}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--bg)}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:4px;padding:34px}.auth-card.wide{width:min(760px,100%)}.auth-title{display:flex;gap:13px;align-items:flex-start;margin:34px 0 24px}.auth-title h1{font-size:1.45rem;margin-bottom:5px}.auth-title p{margin:0}.auth-title p,.fine-print{color:var(--muted);line-height:1.6}.fine-print{font-size:.72rem;margin:18px 0 0}.workspace-list{display:grid;grid-gap:8px;gap:8px}.workspace-list button{border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:4px;text-align:left}.workspace-list button:hover{background:#f7f7f5}.workspace-list small,.workspace-list strong{display:block}.workspace-list small{color:var(--muted);margin-top:3px}.screen-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.onboarding-screen{align-items:start}.onboarding-card{width:min(900px,100%);margin:32px 0;padding:32px}.onboarding-card .auth-title{margin:28px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.onboarding-card .auth-title>svg{width:22px;color:var(--muted)}.onboarding-form{display:grid;grid-gap:22px;gap:22px}.onboarding-section{padding:22px 0 4px;border-bottom:1px solid var(--line)}.onboarding-section:last-of-type{padding-top:10px}.compact-heading{margin-bottom:18px}.compact-heading>svg{width:19px;color:var(--muted)}.compact-heading h2{font-size:1rem;font-weight:var(--raku-font-weight-medium)}.company-suggestion{margin:18px 0;color:#67501f;background:#fbf8ef;border-color:#e5dec8;line-height:1.7}.company-suggestion a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.email-field{grid-column:1/-1}.email-field small{color:var(--muted);font-size:.72rem}.readonly-input{color:#5d5e5b;background:#f7f7f5;cursor:default}.onboarding-actions{display:flex;justify-content:flex-end;gap:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:0;gap:0}.detail-layout .content-panel{margin-right:0}.audit-panel{margin-left:18px;margin-right:30px!important;padding:22px}.audit-panel>h2{display:flex;gap:8px}.audit-panel>p{color:var(--muted);font-size:.8rem;line-height:1.6}.detail-heading,.detail-section{padding:22px;border-bottom:1px solid var(--line)}.detail-heading h2{margin:13px 0 5px;font-size:1.3rem}.detail-heading p{color:var(--muted);font-size:.78rem;margin:0}.file-row,.signer-row{min-height:62px;display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f2}.file-row>span,.signer-row>div{flex:1 1;min-width:0}.file-row small,.file-row strong,.signer-row small,.signer-row strong{display:block}.file-row small,.signer-row small{color:var(--muted);font-size:.75rem;margin-top:4px}.signer-row>span{width:30px;height:30px;display:grid;place-items:center;background:#f0f3f6;border-radius:50%}.preserve-text{white-space:pre-wrap;line-height:1.75}.timeline{display:grid;grid-gap:0;gap:0}.timeline>div{position:relative;border-left:1px solid #bdcad6;margin-left:6px;padding:0 0 19px 18px}.timeline>div>span{position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.timeline small,.timeline strong{display:block}.timeline strong{font-size:.82rem}.timeline small{color:var(--muted);margin-top:4px;font-size:.7rem}.settings-grid,.two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding:0 30px}.settings-grid .content-panel,.two-column .content-panel{margin-left:0;margin-right:0;padding:22px}.section-heading{display:flex;gap:11px;align-items:flex-start;margin-bottom:20px}.section-heading h2,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:.8rem;margin-top:3px}.member-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f2}.member-list>div>span:nth-child(2){flex:1 1}.member-list small,.member-list strong{display:block}.member-list small{margin-top:3px}.member-list em,.member-list small{color:var(--muted);font-size:.75rem}.member-list em{font-style:normal}.avatar{width:36px;height:36px;border-radius:4px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-panel{display:flex;gap:15px}.metric-panel>svg{color:var(--blue)}.metric-panel h2,.metric-panel p{margin:0}.metric-panel strong{display:block;font-size:1.6rem;margin:9px 0}.metric-panel p,.security-panel li{color:var(--muted);line-height:1.65}.metric-panel.forever-free{grid-column:1/-1;border-color:#cfe7d8;background:#f7fcf8}.security-panel h2{display:flex;gap:8px}.security-panel li{margin:7px 0}.sign-screen{min-height:100vh;background:#f2f5f7}.sign-header{height:70px;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.sign-header,.sign-header>span{display:flex;align-items:center}.sign-header>span{color:var(--muted);gap:7px;font-size:.78rem}.sign-layout{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1fr) 370px}.sign-document{padding:24px;min-width:0}.sign-document-heading{display:flex;gap:12px;align-items:flex-start;max-width:980px;margin:0 auto 18px}.sign-document-heading p{color:var(--muted);font-size:.75rem;margin:0}.sign-document-heading h1{font-size:1.25rem;margin:3px 0}.sign-document-heading span{color:var(--muted)}.document-locked,.sign-document iframe{width:min(980px,100%);height:calc(100vh - 180px);min-height:570px;display:grid;place-items:center;margin:0 auto;border:1px solid var(--line);background:#fff}.document-locked{align-content:center;text-align:center;color:var(--muted)}.document-locked svg{width:42px;height:42px;color:var(--teal);margin:0 auto 12px}.document-locked h2{color:var(--text)}.sign-actions{background:#fff;border-left:1px solid var(--line);padding:28px}.sign-actions>p{color:var(--muted);line-height:1.7}.check-row{display:grid;grid-template-columns:20px 1fr;align-items:flex-start;line-height:1.5}.check-row input{width:17px;margin-top:2px}.decline-box{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.decline-box>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.sign-complete{width:min(520px,calc(100% - 40px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sign-complete svg{width:56px;height:56px;color:var(--teal)}.sign-complete h1{margin:18px 0 8px}.sign-complete p{color:var(--muted)}@media (max-width:980px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:18px 12px}.sidebar .brand{width:100%;justify-content:center}.sidebar .brand-mark{width:40px;height:32px}.sidebar .brand-mark img{width:40px;height:27px}.sidebar .brand>span:last-child{display:none}.sidebar a:not(.primary-action),.workspace-name{font-size:0;justify-content:center}.primary-action{font-size:0}.primary-action svg{margin:0}.text-button{width:100%;justify-content:center}.text-button .nav-label{display:none}.detail-layout{grid-template-columns:1fr}.audit-panel{margin-left:30px}.sign-layout{grid-template-columns:1fr}.sign-actions{border-left:0;border-top:1px solid var(--line)}.settings-grid,.two-column{grid-template-columns:1fr}}@media (max-width:700px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin-right:auto}.sidebar .side-nav,.sidebar-spacer,.sidebar>a:not(.brand),.text-button,.workspace-name{display:none}.primary-action{min-width:44px;margin:0}.page-header{min-height:130px;padding:24px 18px;align-items:flex-end}.page-header>.button{font-size:0;padding:10px}.content-panel{margin:15px 12px 0;overflow-x:auto}.wizard-steps{margin:18px 14px 0}.wizard-steps p{display:none}.wizard-panel{margin:15px 12px 40px}.wizard-content{padding:22px 16px}.recipient-row{grid-template-columns:24px 32px 1fr 42px}.recipient-row label{grid-column:3/4}.form-grid{grid-template-columns:1fr}.sign-header{padding:0 15px}.sign-header>span{display:none}.sign-document{padding:15px}.document-locked,.sign-document iframe{height:62vh;min-height:420px}.sign-actions{padding:22px 18px}.settings-grid,.two-column{padding:0 12px}.auth-screen{padding:16px}.auth-card,.onboarding-card{padding:24px 18px;margin:0}.onboarding-card .auth-title{margin-top:24px}.onboarding-section{padding-top:16px}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions .button{width:100%}}