:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:#f7f7f5;color:#262724;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:250px;flex:0 0 250px;background:#f3f3f1;border-right:1px solid #e9e9e5;display:flex;flex-direction:column;padding:18px 11px 12px}.workspace{display:flex;align-items:center;gap:10px;padding:5px 9px 20px}.workspace strong{display:block;font-size:13px;font-weight:700}.workspace small{display:block;color:#8a8d88;font-size:11px;margin-top:1px}.workspace-mark{width:28px;height:28px;border-radius:7px;background:#242924;color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;font-size:18px}.workspace .icon-button{margin-left:auto}.side-action{display:flex;align-items:center;gap:9px;padding:8px 10px;width:100%;border:1px solid #e1e2dd;border-radius:7px;background:#fff;text-align:left;color:#484b46;box-shadow:0 1px 2px #00000008}.side-action span{font-size:19px;line-height:1}.side-action kbd{margin-left:auto;color:#a2a49f;font-size:10px;font-weight:400;background:none}.nav-label{color:#a1a39f;font-size:10px;font-weight:700;letter-spacing:.08em;margin:26px 12px 8px}.nav-item{width:100%;height:34px;border:0;border-radius:6px;background:transparent;color:#5e625c;display:flex;align-items:center;text-align:left;gap:11px;padding:0 10px;margin:2px 0}.nav-item:hover,.nav-item.active{background:#e8e9e5;color:#222820}.nav-icon{width:17px;text-align:center;font-size:16px;line-height:1}.nav-count{margin-left:auto;font-size:11px;color:#878b84}.sidebar-bottom{margin-top:auto;border-top:1px solid #e5e6e1;padding:14px 8px 1px;display:flex;align-items:center;gap:7px;color:#8a8e87;font-size:11px}.sidebar-bottom .icon-button{margin-left:auto}.connection-dot{width:7px;height:7px;border-radius:50%;background:#c4c7c0}.connection-dot.online{background:#3f9d68}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:55px;flex:0 0 55px;border-bottom:1px solid #e9e9e6;display:flex;align-items:center;padding:0 28px;gap:12px;background:#fff}.breadcrumb{display:flex;gap:11px;align-items:center;color:#969a93;font-size:12px}.breadcrumb strong{color:#454b44;font-weight:600}.chevron{font-size:18px;color:#c3c6bf}.top-actions{margin-left:auto;display:flex;gap:13px;align-items:center}.mode-pill{font-size:10px;color:#6c7169;background:#f0f1ed;border:1px solid #e4e6e0;padding:4px 8px;border-radius:4px}.button{border:1px solid #dddeda;background:#fff;color:#454943;border-radius:6px;padding:8px 13px;font-size:12px;font-weight:600;min-height:34px}.button:hover{background:#f7f7f4}.button.primary{background:#313c31;border-color:#313c31;color:#fff}.button.primary:hover{background:#455345}.button.small{min-height:30px;padding:5px 11px}.icon-button{border:0;background:transparent;color:#7c8179;font-size:21px;line-height:1;width:27px;height:27px;display:grid;place-items:center;border-radius:5px}.icon-button:hover{background:#e9ebe6;color:#373c36}.mobile-only{display:none}main{overflow:auto;flex:1;padding:40px clamp(24px,5vw,84px) 90px;background:#fff}.page{max-width:1150px;margin:auto}.eyebrow{display:block;color:#969b93;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:25px}.page-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 4px;font-weight:700}.muted{color:#8b9089}.page-heading p{color:#939891;font-size:12px;margin:0}.section-heading{display:flex;align-items:center;gap:10px;margin:33px 0 11px}.section-heading h2{font-size:12px;font-weight:700;color:#50574f;margin:0}.section-heading .count{background:#f2f3ef;color:#8c9289;border-radius:3px;padding:1px 5px;font-size:10px}.section-heading .line{height:1px;flex:1;background:#edeee9}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-chip{border:1px solid #e5e7e1;background:#fff;border-radius:5px;color:#777e75;font-size:11px;padding:5px 9px}.filter-chip.active{background:#eaf0e9;color:#354a38;border-color:#d9e5d8}.search{margin-left:auto;min-width:180px;max-width:260px;border:1px solid #e6e8e1;border-radius:5px;padding:6px 10px;outline:none;font-size:11px}.search:focus,input:focus,textarea:focus,select:focus{border-color:#91a68e;outline:2px solid #e5eee3;outline-offset:0}.task-table{width:100%;border-collapse:collapse;table-layout:fixed}.task-table th{text-align:left;border-bottom:1px solid #e9ebe5;padding:8px 10px;font-size:10px;color:#a0a69d;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.task-table td{padding:12px 10px;border-bottom:1px solid #f0f1ec;color:#60665d;font-size:11px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-table tr.task-row:hover{background:#fafbf8;cursor:pointer}.task-table th:nth-child(1){width:44%}.task-table th:nth-child(2){width:19%}.task-table th:nth-child(3){width:19%}.task-table th:nth-child(4){width:18%}.task-title{display:flex;align-items:center;gap:10px;color:#333a32;font-size:12px;font-weight:600;min-width:0}.task-title .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-glyph{color:#9ea69c;font-size:15px;font-weight:400}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;background:#f1f2ef;color:#697067;font-size:10px;font-weight:600}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.needs_review{background:#fff2df;color:#a86d20}.status.awaiting_approval{background:#fff0e8;color:#ae6840}.status.running{background:#eaf2ff;color:#4d75b1}.status.done{background:#e9f4eb;color:#4c8b5a}.status.blocked{background:#fff0f0;color:#b15d5d}.status.queued{background:#f0ecfa;color:#8266b6}.agent-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#e8ede6;color:#56705a;font-size:10px;font-weight:700;margin-right:6px}.empty{border:1px dashed #e2e5dd;border-radius:8px;padding:38px;text-align:center;color:#8e948a;font-size:12px}.empty strong{display:block;color:#5d675b;margin-bottom:5px}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:5px 0 30px}.metric{border:1px solid #e9ebe5;border-radius:7px;padding:15px 17px;background:#fff}.metric small{color:#9ba198;font-size:10px}.metric strong{display:block;font-size:23px;line-height:1.2;font-weight:650;color:#343c33;margin-top:7px}.metric strong.review{color:#bd8938}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.cap-card,.node-card{border:1px solid #e8ebe4;border-radius:8px;background:#fff;padding:17px;text-align:left;width:100%;color:inherit}.cap-card:hover{border-color:#cbd7ca;background:#fcfdfb}.cap-head{display:flex;align-items:center;gap:9px}.cap-avatar{height:30px;width:30px;display:grid;place-items:center;background:#e8eee6;color:#516a54;border-radius:6px;font-weight:700;font-size:13px}.cap-head strong{font-size:12px;color:#343c33}.cap-head small{display:block;color:#a0a69d;font-size:10px}.cap-card p{height:48px;overflow:hidden;color:#7e867c;font-size:11px;line-height:1.5;margin:13px 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{background:#f1f3ee;border-radius:3px;padding:2px 6px;color:#879184;font-size:10px}.node-card .node-heading{display:flex;align-items:center;justify-content:space-between}.node-card h3{margin:0;color:#3b463a;font-size:14px}.node-card p{font-size:11px;color:#8c938a;margin:8px 0 15px}.node-state{font-size:10px;color:#8f958d}.node-state.online{color:#429665}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}.callout{display:flex;gap:10px;background:#f8faf6;border:1px solid #e7eee3;color:#6b7868;border-radius:7px;padding:12px 15px;font-size:11px;line-height:1.7;margin-bottom:25px}.callout strong{color:#4e654d}.overlay{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end}.overlay-scrim{position:absolute;inset:0;background:#121b144f;border:0;width:100%}.detail-panel{position:relative;width:min(560px,100%);height:100%;background:#fff;box-shadow:-10px 0 35px #00000010;overflow:auto}.panel-top{height:55px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#939a91;font-size:11px}.detail-inner{padding:31px 35px 70px}.detail-inner h2{font-size:22px;line-height:1.4;margin:8px 0 18px;letter-spacing:-.02em}.detail-meta{display:grid;grid-template-columns:105px 1fr;gap:11px 10px;font-size:11px;align-items:start}.detail-meta dt{color:#9ca39a}.detail-meta dd{margin:0;color:#444d43;min-width:0;word-wrap:break-word}.detail-section{border-top:1px solid #eef0eb;margin-top:28px;padding-top:20px}.detail-section h3{font-size:11px;color:#879084;font-weight:700;margin:0 0 12px}.detail-section p{color:#5d675b;font-size:12px;line-height:1.75;white-space:pre-wrap;margin:0}.timeline{list-style:none;padding:0;margin:0}.timeline li{border-left:1px solid #e5e9e1;padding:0 0 17px 16px;margin-left:4px;position:relative;color:#6f786c;font-size:11px}.timeline li:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;background:#c4d1c0;border-radius:50%}.timeline li small{display:block;color:#a3aaa0;margin-top:4px;font-size:10px}.review-box{background:#fbfaf5;border:1px solid #ece9d9;border-radius:7px;padding:14px;margin-top:25px}.review-box strong{font-size:11px;color:#796744}.review-box p{font-size:11px;color:#8a8069;margin:5px 0 14px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.feedback{width:100%;margin:10px 0;border:1px solid #e2e4dd;border-radius:5px;padding:9px;resize:vertical;min-height:75px}.form-dialog{border:1px solid #e8ebe3;border-radius:10px;box-shadow:0 20px 80px #0003;width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 30px);overflow:auto;padding:0;color:#333b32}.form-dialog::backdrop{background:#1a211a82}.form-dialog form{padding:25px 28px 23px}.form-dialog.compact-dialog{width:min(450px,calc(100vw - 28px))}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{margin:4px 0 0;font-size:20px}.form-dialog label{display:block;color:#555d53;font-size:11px;font-weight:600;margin:0 0 16px}.form-dialog input:not([type=checkbox]),.form-dialog textarea,.form-dialog select{display:block;width:100%;border:1px solid #dfe4db;background:#fff;border-radius:5px;color:#30372e;padding:9px 10px;font-size:12px;margin-top:6px;outline:none}.form-dialog textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.form-note{font-size:11px;line-height:1.6;color:#8a9387;background:#f7f9f5;border-radius:5px;padding:11px 12px}.check-row{display:flex;gap:20px}.check-row label{display:flex;gap:6px;align-items:center;font-size:11px}.check-row input{accent-color:#557a54}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0e9;margin-top:22px;padding-top:18px}.toast{position:fixed;right:20px;bottom:22px;z-index:30;background:#334333;color:white;font-size:12px;padding:10px 14px;border-radius:6px;box-shadow:0 8px 25px #0002;max-width:340px}@media(max-width:900px){.sidebar{width:215px;flex-basis:215px}main{padding:30px 25px 70px}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.mobile-only{display:grid}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;transform:translateX(-101%);transition:transform .2s ease;box-shadow:12px 0 35px #00000016}.sidebar.open{transform:translateX(0)}.topbar{padding:0 13px;height:52px;flex-basis:52px}.breadcrumb{font-size:11px;gap:6px}.breadcrumb>span:first-child{display:none}.breadcrumb .chevron{display:none}.top-actions{gap:8px}.mode-pill{font-size:9px}.top-actions .button{font-size:10px;padding:5px 8px}main{padding:26px 17px 80px}.page-heading h1{font-size:23px}.page-heading .button{display:none}.overview-grid{gap:7px;margin-bottom:20px}.metric{padding:12px}.metric strong{font-size:20px}.task-table th:nth-child(2),.task-table th:nth-child(4),.task-table td:nth-child(2),.task-table td:nth-child(4){display:none}.task-table th:nth-child(1){width:70%}.task-table th:nth-child(3){width:30%}.task-table td{padding:11px 4px}.task-table th{padding:8px 4px}.task-title{font-size:11px}.search{width:100%;max-width:none;margin-left:0}.detail-inner{padding:25px 21px 65px}.form-grid{grid-template-columns:1fr}.form-dialog form{padding:22px 20px}.check-row{display:block}.card-grid{grid-template-columns:1fr}.cap-card p{height:auto}}

.route-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.route-row select{min-width:0;max-width:100%;border:1px solid #dfe4db;background:#fff;border-radius:5px;color:#455044;padding:7px;font-size:11px}

.activity-item{padding:9px 0;border-bottom:1px solid #f0f1ec}.activity-item strong{font-size:11px;color:#4c5849}.activity-item p{font-size:11px;line-height:1.6;white-space:pre-wrap;margin:5px 0;color:#677165}.activity-item small,.activity-events{font-size:10px;color:#a0a89e}.activity-events{padding-top:10px}
.instruction-help{font-size:11px!important;color:#859082!important;margin-bottom:12px!important}.instruction-editor{display:block;width:100%;min-height:95px;resize:vertical;border:1px solid #dfe4db;border-radius:6px;background:#fff;padding:11px 12px;color:#374136;font-family:inherit;font-size:12px;line-height:1.7}.instruction-actions{display:flex;justify-content:flex-end;margin-top:10px}
.note-help{margin-bottom:11px!important;color:#8a9387!important;font-size:11px!important}.notes-editor{display:block;width:100%;min-height:145px;resize:vertical;border:1px solid #dfe4db;border-radius:6px;background:#fff;padding:11px 12px;color:#374136;font-family:inherit;font-size:12px;line-height:1.7;white-space:pre-wrap}.note-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.note-actions small{font-size:10px;color:#9ba39a}.note-actions button:disabled{opacity:.45;cursor:default}
.status.cancelled{background:#f2f2f0;color:#949992}
.sidebar-tasks{flex:1;min-height:0;overflow:auto;padding:0 2px 10px}.sidebar-task{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:5px;background:transparent;color:#6a7068;padding:7px 10px;text-align:left;font-size:11px}.sidebar-task:hover,.sidebar-task.active{background:#e8e9e5;color:#283229}.sidebar-task-icon{color:#a3aaa1}.sidebar-task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-label{margin-top:19px}.task-page{max-width:1380px}.task-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.task-toolbar .button{border:0;padding-left:0;color:#667364}.task-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,320px);gap:19px;align-items:start}.task-main,.task-side{min-width:0;border:1px solid #eceee9;border-radius:9px;background:#fff}.task-main .detail-inner{padding:30px clamp(22px,3vw,44px) 55px}.task-main .detail-inner h2{font-size:27px;line-height:1.35}.task-side{position:sticky;top:18px;padding:22px 22px 26px}.task-side-title{color:#6d756b;font-size:11px;letter-spacing:.04em;margin:0 0 18px}.task-side .detail-meta{grid-template-columns:85px minmax(0,1fr);gap:12px 8px}.task-side .shared-notes-section{margin-top:23px;padding-top:20px}.task-side .notes-editor{min-height:230px}.task-main .review-box{margin-top:26px}@media(max-width:1050px){.task-workspace{grid-template-columns:1fr}.task-side{position:static}.task-side .notes-editor{min-height:150px}}@media(max-width:680px){.recent-label,.sidebar-tasks{display:none}.task-main .detail-inner{padding:24px 20px 36px}.task-main .detail-inner h2{font-size:23px}.task-side{padding:20px}.task-toolbar{margin-bottom:12px}}
@media(max-width:680px){.topbar .breadcrumb{min-width:0;flex:1;overflow:hidden}.topbar .breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .top-actions{flex:0 0 auto;gap:5px}.topbar #top-new{white-space:nowrap;padding:5px 7px}}
.task-toolbar .mobile-only{margin-left:auto}

/* Workspace refinement: clear reading hierarchy and generous touch targets. */
:root{color:#2e302d;font-size:15px;line-height:1.6}
.sidebar{background:#f7f7f5;border-color:#e9e9e7;padding-top:14px}
.workspace{padding-bottom:18px}
.workspace strong{font-size:14px}
.workspace small{font-size:11px}
.side-action{min-height:40px;border-color:#e3e4e0;box-shadow:none;font-size:13px}
.nav-label{font-size:11px;color:#8b8e89;letter-spacing:.02em;text-transform:none}
.nav-item{height:38px;font-size:13px;color:#585d57}
.nav-item.active{background:#e9eae6;font-weight:650}
.sidebar-task{font-size:12px;min-height:34px}
.topbar{height:58px;flex-basis:58px}
.breadcrumb{font-size:13px}
.mode-pill{font-size:11px;border-radius:6px}
.button{font-size:13px;min-height:38px;padding:8px 14px}
.button.small{min-height:34px}
main{padding-top:48px}
.page{max-width:1100px}
.eyebrow{font-size:11px;letter-spacing:.06em;color:#8b9189}
.page-heading{margin-bottom:31px}
.page-heading h1{font-size:32px;letter-spacing:-.035em;margin:8px 0 6px}
.page-heading p{font-size:14px;color:#7d847a}
.section-heading{margin:38px 0 12px}
.section-heading h2{font-size:15px;color:#363d35}
.section-heading .count{font-size:11px;padding:2px 7px}
.overview-grid{gap:12px;margin:8px 0 33px}
.metric{padding:18px 20px;border-radius:8px}
.metric small{font-size:12px;color:#7c857b}
.metric strong{font-size:27px;margin-top:7px}
.callout{font-size:13px;padding:13px 16px;line-height:1.6}
.task-table th{font-size:11px;padding:10px 12px;color:#7d857b}
.task-table td{font-size:13px;padding:15px 12px;color:#596158}
.task-title{font-size:14px;font-weight:550}
.status{font-size:11px;padding:5px 9px;white-space:nowrap}
.agent-mark{width:24px;height:24px;font-size:11px}
.filter-chip{font-size:12px;padding:7px 11px}
.search{font-size:13px;padding:8px 11px}
.empty{font-size:13px;padding:42px 25px}
.cap-card,.node-card{padding:21px;border-radius:9px}
.cap-head strong,.node-card h3{font-size:14px}
.cap-head small,.cap-card p,.node-card p{font-size:12px}
.tag,.node-state{font-size:11px}
.task-page{max-width:1340px}
.task-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,335px);gap:22px}
.task-main,.task-side{border-color:#e8ebe5;border-radius:8px}
.task-main .detail-inner{padding:39px clamp(24px,4vw,54px) 64px}
.task-main .detail-inner h2{font-size:31px;line-height:1.35;margin-bottom:24px}
.task-side{padding:24px}
.task-side-title{font-size:13px;color:#465044}
.detail-meta{font-size:12px;line-height:1.6}
.detail-section{margin-top:31px;padding-top:23px}
.detail-section h3{font-size:14px;color:#4a5348;margin-bottom:13px}
.detail-section p{font-size:14px;color:#4a5449;line-height:1.8}
.activity-item strong,.activity-item p,.timeline li{font-size:13px}
.activity-item small,.timeline li small{font-size:11px}
.review-box{background:#fffaf0;border-color:#ecdfbd;border-radius:8px;padding:19px;margin:2px 0 28px}
.review-box strong{font-size:15px;color:#604a20}
.review-box p{font-size:13px;color:#786947;margin:6px 0 14px}
.feedback,.instruction-editor,.notes-editor{font-size:13px;line-height:1.7}
.note-help,.instruction-help{font-size:12px!important}
.form-dialog label{font-size:13px}
.form-dialog input:not([type=checkbox]),.form-dialog textarea,.form-dialog select{font-size:14px;padding:10px 11px}
.form-note{font-size:12px}
.mobile-tabbar{display:none}
button:focus-visible,.task-row:focus-visible{outline:2px solid #617b61;outline-offset:2px}
.auth-error{margin:0 0 12px;padding:9px 11px;border-radius:6px;background:#fff0ee;color:#9a3d32;font-size:12px}
@media(max-width:1050px){.task-workspace{grid-template-columns:1fr}}
@media(max-width:680px){
  .topbar{height:54px;flex-basis:54px}
  main{padding:27px 16px calc(105px + env(safe-area-inset-bottom))}
  .page-heading{margin-bottom:20px}
  .page-heading h1{font-size:27px}
  .page-heading p{font-size:13px}
  .section-heading{margin-top:28px}
  .overview-grid{gap:8px}
  .metric{padding:13px}
  .metric small{font-size:11px}
  .metric strong{font-size:23px}
  .callout{display:block}
  .callout strong{margin-right:5px}
  .task-table td{font-size:12px;padding:14px 6px}
  .task-table th{padding:8px 6px}
  .task-title{font-size:13px}
  .status{font-size:10px;padding:4px 6px}
  .task-main .detail-inner{padding:27px 20px 40px}
  .task-main .detail-inner h2{font-size:25px}
  .task-side{padding:22px}
  .task-toolbar{margin-bottom:14px}
  .mobile-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:9;left:0;right:0;bottom:0;min-height:61px;padding:6px 6px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9ebe6;box-shadow:0 -4px 14px #00000008}
  .mobile-tab{border:0;background:transparent;color:#7b8379;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;min-height:48px;border-radius:6px}
  .mobile-tab span{font-size:20px;line-height:1.15}
  .mobile-tab.active{color:#314b34;background:#eff3ed;font-weight:700}
}

/* Task-first guidance and connection testing. */
.guide-trigger{min-height:34px;padding:5px 10px;border-color:#e6e9e3;color:#657063}
.guide-trigger-icon{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1;margin-right:5px}
.example-button{border:0;background:transparent;color:#466b4b;text-decoration:underline;text-underline-offset:3px;padding:10px 0 0;font-size:12px;font-weight:600}
.example-button:hover{color:#284a30}
.auth-help{border-top:1px solid #edf0e9;margin-top:15px;padding-top:12px;color:#667065;font-size:12px}
.auth-help summary{cursor:pointer;font-weight:650;color:#4b604d}
.auth-help p{line-height:1.65;margin:9px 0 0}
.next-action{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce8d8;background:#f7faf5;border-radius:9px;padding:18px 20px;margin:0 0 22px}
.next-action strong{display:block;color:#304330;font-size:16px;margin-top:3px}
.next-action p{color:#718070;font-size:12px;margin:4px 0 0;line-height:1.6}
.next-action .button{flex:0 0 auto}
.guide-page{max-width:900px}
.guide-current{background:#f7f9f6;border:1px solid #e4ebe1;border-radius:10px;padding:20px 24px;margin-bottom:35px}
.guide-current h2{font-size:19px;margin:5px 0 6px;color:#314033}
.guide-current p{font-size:13px;color:#657164;line-height:1.7;margin:0}
.guide-current .guide-warning{margin-top:12px;padding-top:11px;border-top:1px solid #e0e7dd;color:#785b35}
.guide-block{margin:37px 0 0}
.guide-title{font-size:21px;letter-spacing:-.02em;color:#303b31;margin:5px 0 17px}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.guide-step{display:flex;gap:13px;border:1px solid #e7eae4;border-radius:9px;padding:17px 18px;background:#fff}
.guide-number{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e9f0e7;color:#476348;font-weight:700;font-size:13px}
.guide-step h2{font-size:14px;color:#344035;margin:1px 0 5px}
.guide-step p{font-size:12px;color:#718071;line-height:1.7;margin:0}
.guide-checklist{padding-left:24px;margin:0;border-top:1px solid #e7eae4}
.guide-checklist li{font-size:13px;color:#4e5a4d;line-height:1.75;padding:13px 0 13px 6px;border-bottom:1px solid #eef0eb}
.guide-checklist li::marker{font-weight:700;color:#567b57}
.guide-features{border:1px solid #e7eae4;border-radius:9px;overflow:hidden}
.guide-feature{display:grid;grid-template-columns:minmax(175px,1fr) 88px minmax(0,2fr);gap:16px;align-items:center;padding:15px 17px;border-bottom:1px solid #edf0e9}
.guide-feature:last-child{border-bottom:0}
.guide-feature strong{font-size:13px;color:#354035}
.guide-feature-state{background:#eef3eb;color:#4e7650;border-radius:5px;text-align:center;padding:4px 6px;font-size:11px;font-weight:650}
.guide-feature:has(.guide-feature-state){min-height:70px}
.guide-feature p{font-size:12px;color:#718071;line-height:1.6;margin:0}
.guide-token-note{border-left:3px solid #95ae90;background:#f9faf8;padding:15px 18px;margin:35px 0 20px}
.guide-token-note strong{font-size:13px;color:#415443}
.guide-token-note p{font-size:12px;color:#6b786a;line-height:1.7;margin:5px 0 0}
.task-jumps{display:flex;gap:7px;overflow:auto;margin:-6px 0 15px;padding:3px 0 5px}
.task-jumps .button{flex:0 0 auto;background:#f6f8f4;border-color:#e8ece5;color:#586b58;font-size:12px;min-height:34px;padding:6px 11px}
.task-jumps .button:hover{background:#e9f0e7}
.task-main .detail-inner h2,.task-activity-section,.review-box,.shared-notes-section{scroll-margin-top:18px}
@media(max-width:680px){
  .guide-trigger{padding:0;width:34px;height:34px;min-height:34px;display:grid;place-items:center}
  .guide-trigger-icon{margin:0}
  .guide-trigger-label{display:none}
  .next-action{display:block;padding:16px;margin-bottom:18px}
  .next-action strong{font-size:14px}
  .next-action .button{margin-top:12px;width:100%;min-height:44px}
  .guide-current{padding:17px 18px;margin-bottom:27px}
  .guide-current h2{font-size:17px}
  .guide-block{margin-top:29px}
  .guide-title{font-size:19px}
  .guide-steps{grid-template-columns:1fr}
  .guide-feature{grid-template-columns:minmax(0,1fr) auto;gap:6px 9px;padding:13px 14px}
  .guide-feature p{grid-column:1 / -1}
  .guide-feature-state{padding:4px 7px}
  .task-jumps{margin-bottom:11px}
  .task-jumps .button{min-height:42px}
}