:root{color:#1d2926;background:#f4f2eb;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d2926;--muted: #68716d;--line: #d9d8d0;--paper: #fbfaf6;--accent: #e6663c;--accent-dark: #c94f2a;--sage: #6e847b}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 13% 15%,rgba(230,102,60,.055),transparent 28%),#f4f2eb}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(230,102,60,.28);outline-offset:2px}[hidden]{display:none!important}.app-frame{min-height:100vh}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid var(--line);background:#fbfaf6eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{color:var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brand-mark{width:34px;height:34px;border-radius:10px 10px 10px 3px;display:inline-grid;place-items:center;background:var(--ink);color:#fff;font:700 13px/1 SFMono-Regular,Consolas,monospace;letter-spacing:-1px;box-shadow:0 5px 14px #1d292624;flex:0 0 auto}.brand-mark.small{width:26px;height:26px;border-radius:8px 8px 8px 3px;font-size:10px}.brand-name{font-size:18px;font-weight:700;letter-spacing:.04em}.brand-subtitle{font:500 10px/1.2 SFMono-Regular,Consolas,monospace;color:#8a918e;letter-spacing:.08em;text-transform:uppercase;padding-left:10px;border-left:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:16px}.save-hint{color:#89908d;font-size:12px}.primary-button,.quiet-button{border:0;border-radius:9px;min-height:40px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;font-weight:650;font-size:13px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{color:#fff;background:var(--accent);box-shadow:0 6px 18px #cf4b252e}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 9px 22px #cf4b253d}.primary-button:disabled{opacity:.58;cursor:wait;transform:none}.primary-button.compact{min-height:38px}.quiet-button{color:var(--ink);background:transparent;border:1px solid var(--line)}.quiet-button:hover{background:#eeece5}.danger-button{min-height:38px;padding:0 14px;border:1px solid #dcae9f;border-radius:9px;color:#a03e24;background:#fff8f5;cursor:pointer;font:650 13px/1 inherit}.danger-button:hover{background:#f9e9e3}.button-spark{font-size:16px}.editor-view{height:calc(100vh - 68px);display:flex;flex-direction:column}.document-bar{min-height:68px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.title-field{display:grid;grid-template-columns:auto minmax(220px,420px);align-items:center;gap:12px}.title-field span{font-size:11px;font-weight:700;color:#7c8480;letter-spacing:.07em}.title-field input{width:min(42vw,420px);border:0;border-bottom:1px solid transparent;background:transparent;color:var(--ink);padding:7px 3px;font-size:14px}.title-field input:hover,.title-field input:focus{border-bottom-color:var(--line);outline:0}.title-field input::placeholder{color:#a6aaa8}.expiry-field{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:18px;color:#7c8480;font-size:11px;font-weight:700}.expiry-field select{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 27px 0 10px;color:var(--ink);background:var(--paper)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 19px minmax(0,1fr);padding:0 18px 18px}.workspace-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#fbfaf6b3;overflow:hidden}.editor-panel{border-radius:13px 0 0 13px}.preview-panel{border-radius:0 13px 13px 0;background:var(--paper)}.panel-heading{min-height:69px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.panel-heading h1,.panel-heading h2{margin:3px 0 0;font-family:Georgia,Songti SC,serif;font-size:17px;line-height:1;font-weight:600}.panel-eyebrow{color:var(--accent);font:700 9px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.syntax-hint,.live-indicator{color:#8a918e;font-size:11px;white-space:nowrap}.live-indicator{display:flex;align-items:center;gap:7px}.live-indicator i{display:block;width:6px;height:6px;border-radius:50%;background:#5a8b78;box-shadow:0 0 0 4px #5a8b781f}#markdownInput{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0;color:#29332f;background:transparent;padding:26px 28px 40px;font:14px/1.8 SFMono-Regular,Consolas,Liberation Mono,monospace;-moz-tab-size:2;tab-size:2;caret-color:var(--accent)}.preview-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.panel-footer{min-height:36px;padding:0 18px;display:flex;align-items:center;justify-content:flex-end;gap:13px;border-top:1px solid var(--line);color:#969b98;font:500 10px/1 SFMono-Regular,Consolas,monospace}.preview-footer{justify-content:flex-start}.panel-divider{display:grid;place-items:center;cursor:col-resize}.panel-divider span{width:3px;height:38px;border-radius:3px;background:#c4c5bf;box-shadow:0 -7px 0 -1px #c4c5bf,0 7px 0 -1px #c4c5bf}.mobile-tabs{display:none}.markdown-body{color:#29322f;max-width:780px;margin:0 auto;padding:38px clamp(30px,5vw,70px) 70px;font:16px/1.82 Georgia,Songti SC,"Noto Serif CJK SC",serif;overflow-wrap:anywhere}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#17231f;font-family:Georgia,Songti SC,serif;line-height:1.35;letter-spacing:-.015em;scroll-margin-top:88px}.markdown-body h1{margin:0 0 28px;padding-bottom:19px;border-bottom:2px solid #26332f;font-size:clamp(29px,3vw,40px)}.markdown-body h2{margin:44px 0 18px;padding-left:14px;border-left:4px solid var(--accent);font-size:25px}.markdown-body h3{margin:32px 0 13px;font-size:19px}.markdown-body h4{margin:26px 0 10px;font-size:16px}.markdown-body p{margin:0 0 18px}.markdown-body a{color:#bf4d2a;text-decoration-color:#bf4d2a59;text-underline-offset:3px}.markdown-body strong{color:#16211e;font-weight:700}.markdown-body ul,.markdown-body ol{margin:0 0 21px;padding-left:1.5em}.markdown-body li{margin:6px 0;padding-left:3px}.markdown-body li::marker{color:var(--accent)}.markdown-body blockquote{margin:26px 0;padding:17px 20px;border-left:3px solid #8ca097;background:#edf0eb;color:#53605b;border-radius:0 8px 8px 0}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body code{padding:.16em .42em;border-radius:4px;background:#ece9e1;color:#b1492c;font:.88em/1.5 SFMono-Regular,Consolas,monospace}.markdown-body pre{margin:24px 0;padding:20px 22px;overflow:auto;border-radius:10px;background:#1d2926;box-shadow:0 10px 24px #1d29261c}.markdown-body pre code{padding:0;background:transparent;color:#e7eee9;font-size:13px}.markdown-body table{width:100%;margin:25px 0;border-spacing:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-family:Inter,PingFang SC,sans-serif;font-size:14px}.markdown-body th,.markdown-body td{padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.markdown-body th{background:#eeece5;font-weight:700}.markdown-body tr:last-child td{border-bottom:0}.markdown-body th:last-child,.markdown-body td:last-child{border-right:0}.markdown-body img{max-width:100%;height:auto;border-radius:8px}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:38px 0}.markdown-body .task-list-item{list-style:none;margin-left:-1.2em}.markdown-body input[type=checkbox]{accent-color:var(--accent);margin-right:8px}.viewer-view{min-height:calc(100vh - 68px);padding:60px 24px 90px}.viewer-document{width:min(900px,100%);margin:0 auto}.viewer-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4px 16px;color:#858c88;font-size:11px;letter-spacing:.04em}.viewer-meta>span{color:#587166;padding:5px 9px;border-radius:999px;background:#e3eae5;font-weight:700}.viewer-markdown{max-width:none;padding:clamp(38px,7vw,72px) clamp(26px,9vw,96px) 90px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 18px 60px #323a3614}.viewer-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:32px;color:#8c928f;font-size:12px}.viewer-state{min-height:52vh;display:grid;place-items:center;align-content:center;gap:13px;text-align:center;color:#7b8480}.viewer-state p{margin:0}.loading-mark{width:28px;height:28px;border:2px solid #d6d7d0;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.error-state h1{margin:0;color:var(--ink);font:600 28px/1.3 Georgia,Songti SC,serif}.error-state p{margin:0 0 12px}.error-code{color:var(--accent);font:700 54px/1 SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}@keyframes spin{to{transform:rotate(360deg)}}.share-dialog{width:min(440px,calc(100vw - 28px));padding:0;border:0;border-radius:17px;background:transparent;color:var(--ink);box-shadow:0 30px 90px #17231f47}.share-dialog::backdrop{background:#18201d94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-shell{position:relative;padding:31px 34px 34px;border:1px solid rgba(255,255,255,.5);border-radius:17px;background:var(--paper);text-align:center}.dialog-close{position:absolute;top:13px;right:14px;width:32px;height:32px;border:0;border-radius:50%;color:#7c8480;background:transparent;cursor:pointer;font-size:22px}.dialog-close:hover{background:#eceae3}.success-mark{width:38px;height:38px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;color:#fff;background:#658477;font-weight:800}.dialog-eyebrow{margin:0 0 5px;color:var(--accent);font:700 10px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.dialog-shell h2{margin:0;font:600 28px/1.3 Georgia,Songti SC,serif}.dialog-copy{margin:10px auto 20px;max-width:320px;color:#747d78;font-size:13px;line-height:1.7}.expiry-copy{margin:-11px 0 17px;color:#6f7873;font-size:12px}.confirm-shell{text-align:left}.confirm-shell h2{text-align:left;padding-right:28px}.confirm-shell .dialog-copy{max-width:none;margin-left:0}.publish-findings{margin:0 0 14px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#f1efe8;color:#56605b;font-size:12px;line-height:1.65}.publish-findings.is-warning{border-color:#e0b5a7;background:#fff5f1;color:#8f4028}.confirm-option{display:flex;align-items:flex-start;gap:9px;color:#3f4945;font-size:12px;line-height:1.55;cursor:pointer}.confirm-option input{margin-top:3px;accent-color:var(--accent)}.confirmation-note{margin:13px 0 2px;color:#7c8480;font-size:11px;line-height:1.65}.qr-frame{width:232px;height:232px;margin:0 auto 19px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1d292612}.qr-frame canvas{width:212px!important;height:212px!important}.share-url-field{display:block;text-align:left}.share-url-field span{display:block;margin:0 0 7px;color:#777f7b;font-size:11px;font-weight:700}.share-url-field input{width:100%;height:43px;border:1px solid var(--line);border-radius:8px;background:#efede6;color:#46504c;padding:0 12px;font:11px/1 SFMono-Regular,Consolas,monospace}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.wide{width:100%}.toast{position:fixed;z-index:80;left:50%;bottom:28px;transform:translate(-50%,14px);padding:11px 18px;border-radius:9px;background:#1d2926;color:#fff;box-shadow:0 12px 36px #0003;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:760px){.site-header{height:62px;padding:0 16px}.brand-subtitle,.save-hint{display:none}.brand-name{font-size:16px}.brand-mark{width:31px;height:31px}.primary-button{padding:0 12px}.editor-view{height:calc(100vh - 62px)}.document-bar{min-height:62px;padding:8px 14px;gap:12px}.title-field{display:block;flex:1;min-width:0}.title-field span{display:none}.title-field input{width:100%}.expiry-field{margin:0}.expiry-field span{display:none}.mobile-tabs{flex:0 0 auto;display:flex;padding:3px;border-radius:8px;background:#e6e4dc}.mobile-tab{min-width:52px;height:30px;border:0;border-radius:6px;color:#757c78;background:transparent;font-size:12px;font-weight:700}.mobile-tab.is-active{color:var(--ink);background:var(--paper);box-shadow:0 2px 7px #1d292614}.workspace{display:block;min-height:0;padding:0 10px 10px}.workspace-panel{height:100%;border-radius:12px}.panel-divider,.workspace-panel.mobile-hidden,.preview-panel{display:none}.preview-panel:not(.mobile-hidden){display:flex}#markdownInput{padding:20px 18px 32px;font-size:13px}.panel-heading{min-height:61px;padding:12px 15px}.markdown-body{padding:29px 21px 60px;font-size:15px}.markdown-body h1{font-size:29px}.markdown-body h2{font-size:22px}.viewer-view{min-height:calc(100vh - 62px);padding:28px 12px 65px}.viewer-markdown{padding:34px 22px 64px;border-radius:12px}.viewer-actions .quiet-button{display:none}.dialog-shell{padding:29px 21px 25px}.dialog-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}