body{background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}#root{width:100%;min-height:100vh}.instructions-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.instructions-card{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(720px,100%);padding:42px 48px;line-height:1.7;box-shadow:0 8px 30px #0f172a14}.instructions-card h1{margin:4px 0 18px;font-size:34px}.instructions-card h2{margin:24px 0 6px;font-size:20px}.instructions-card ol,.instructions-card ul{padding-left:24px}.eyebrow{color:#2563eb;letter-spacing:.04em;font-size:13px;font-weight:700}.instructions-error{color:#b91c1c}.instructions-start{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin:30px auto 0;padding:12px 24px;font-size:16px;display:block}.instructions-start:disabled{cursor:wait;background:#94a3b8}.typing{animation:1.4s infinite blink}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#222;background-color:#fff;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button,input,textarea,select{font-family:inherit}button{cursor:pointer}textarea{color:#222;resize:vertical;background-color:#fff;border:1px solid #ccc;border-radius:8px;outline:none;padding:12px;font-size:16px;line-height:1.6;transition:border-color .2s,box-shadow .2s}textarea:hover{border-color:#999}textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.tiptap-editor{box-sizing:border-box;background-color:#fff;border:1px solid #cfcfcf;border-radius:12px;width:100%;margin-top:10px;margin-bottom:20px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.tiptap-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tiptap-toolbar{background-color:#fafafa;border-bottom:1px solid #d8d8d8;flex-wrap:wrap;align-items:center;gap:6px;min-height:62px;padding:10px 14px;display:flex}.tiptap-button{color:#444;white-space:nowrap;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 10px;font-size:16px;line-height:1;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.tiptap-button:hover{background-color:#eee;border-color:#ddd}.tiptap-button:active{background-color:#e4e4e4}.tiptap-button:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.tiptap-button.is-active{color:#2563eb;background-color:#e8f0ff;border-color:#b8cdfc}.tiptap-button:disabled{color:#aaa;cursor:not-allowed;opacity:.6;background-color:#0000}.tiptap-select{color:#333;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;outline:none;height:38px;padding:0 30px 0 10px;font-size:15px;transition:background-color .2s,border-color .2s}.tiptap-select:hover{background-color:#eee;border-color:#ddd}.tiptap-select:focus{background-color:#fff;border-color:#b8cdfc;box-shadow:0 0 0 2px #2563eb1a}.font-size-select{width:125px}.font-family-select{width:155px}.color-picker-button{color:#444;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.color-picker-button:hover{background-color:#eee;border-color:#ddd}.color-letter{padding-bottom:4px;font-size:18px;font-weight:700;line-height:1;display:inline-block;position:relative}.color-letter:after{content:"";background-color:#ef4444;border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.color-picker-button input[type=color]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clear-format-button{width:auto;padding-left:12px;padding-right:12px;font-size:14px}.editor-wrapper{background-color:#fff;width:100%;min-height:160px}.custom-editor{color:#222;word-break:break-word;overflow-wrap:anywhere;background-color:#fff;outline:none;width:100%;min-height:160px;padding:20px 24px;font-size:16px;line-height:1.75}.custom-editor:focus{outline:none}.custom-editor p.is-editor-empty:first-child:before{float:left;color:#999;content:attr(data-placeholder);pointer-events:none;height:0}.custom-editor p{margin-top:0;margin-bottom:10px}.custom-editor p:last-child{margin-bottom:0}.custom-editor h1{margin:16px 0 10px;font-size:28px;line-height:1.4}.custom-editor h2{margin:14px 0 10px;font-size:24px;line-height:1.4}.custom-editor h3{margin:12px 0 8px;font-size:20px;line-height:1.4}.custom-editor ul,.custom-editor ol{margin-top:10px;margin-bottom:10px;padding-left:30px}.custom-editor ul{list-style-type:disc}.custom-editor ol{list-style-type:decimal}.custom-editor li{margin-top:5px;margin-bottom:5px;padding-left:3px}.custom-editor li p{margin:0}.custom-editor strong{font-weight:700}.custom-editor em{font-style:italic}.custom-editor blockquote{color:#555;background-color:#f8fafc;border-left:4px solid #cbd5e1;margin:12px 0;padding:8px 16px}.custom-editor hr{border:none;border-top:1px solid #ddd;margin:18px 0}.custom-editor code{background-color:#f1f1f1;border-radius:4px;padding:2px 5px;font-family:Consolas,Monaco,monospace;font-size:.9em}.custom-editor a{color:#2563eb;text-decoration:underline}input[type=text],input:not([type]){color:#222;background-color:#fff;border:1px solid #ccc;border-radius:8px;outline:none;font-size:16px;transition:border-color .2s,box-shadow .2s}input[type=text]:hover,input:not([type]):hover{border-color:#999}input[type=text]:focus,input:not([type]):focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.submit-modal-overlay{z-index:1000;background-color:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.submit-modal{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:min(440px,100%);padding:24px;box-shadow:0 20px 50px #0f172a33}.submit-modal h3{color:#222;margin-top:0;margin-bottom:16px;font-size:20px;line-height:1.4}.confirm-item{color:#333;cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:15px;line-height:1.6;display:flex}.confirm-item input{cursor:pointer;accent-color:#2563eb;width:16px;height:16px;margin-top:4px}.submit-warning{color:#b91c1c;margin-top:12px;margin-bottom:0;font-size:15px;font-weight:600;line-height:1.6}.submit-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.submit-cancel-button,.submit-confirm-button{border-radius:8px;min-width:96px;height:40px;padding:0 16px;font-size:15px}.submit-cancel-button{color:#333;background-color:#fff;border:1px solid #ccc}.submit-cancel-button:hover{background-color:#f3f4f6}.submit-confirm-button{color:#fff;background-color:#2563eb;border:1px solid #2563eb}.submit-confirm-button:hover{background-color:#1d4ed8}.submit-cancel-button:disabled,.submit-confirm-button:disabled{cursor:not-allowed;opacity:.7}@media (width<=900px){.tiptap-toolbar{align-items:flex-start;padding:10px}.font-size-select{width:115px}.font-family-select{width:140px}.custom-editor{padding:16px}}@media (width<=600px){.tiptap-toolbar{gap:4px}.tiptap-button,.color-picker-button{min-width:36px;height:36px}.tiptap-select{height:36px;font-size:14px}.font-size-select,.font-family-select{width:calc(50% - 3px)}.custom-editor{min-height:140px;padding:14px;font-size:15px}}