body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.editor-page{background:var(--page-bg);display:flex;flex-direction:column;gap:20px;min-height:100vh;min-height:100dvh;padding:24px 16px;width:100%}.editor-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-lg);margin:0 auto;min-height:calc(100dvh - 88px);min-width:0;padding:clamp(16px,2.4vw,32px);width:min(1120px,100%)}.editor-container form,.view-mode{min-width:0}.editor-tabs{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:5px}.editor-tabs button{background:#0000;border:0;border-radius:8px;color:var(--muted-color);font-weight:650;min-height:42px;padding:.6rem 1.15rem;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.editor-tabs button:hover{background:var(--button-hover);color:var(--text-color)}.editor-tabs button.active{background:var(--surface-color);box-shadow:var(--shadow-sm);color:var(--text-color)}.editor-content{background:var(--editor-bg);border:1px solid var(--border-color);border-radius:14px;min-height:360px;min-width:0;overflow:hidden;width:100%}.cm-editor,.cm-theme{background:var(--editor-bg)!important;border-radius:13px;color:var(--text-color)!important;max-width:100%!important;min-width:0!important;width:100%!important}.cm-editor.cm-focused{outline:3px solid var(--focus-ring)!important;outline-offset:-3px}.cm-scroller{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace!important;max-width:100%;overflow:auto}.cm-content,.cm-line{min-width:0}.cm-content{caret-color:var(--text-color)!important;padding-block:10px!important}.cm-gutters{background:var(--editor-gutter)!important;border-right:1px solid var(--border-color)!important;color:var(--muted-color)!important}.cm-activeLine,.cm-activeLineGutter{background:#2563eb12!important}.dark-mode .cm-content,.dark-mode .cm-editor,.dark-mode .cm-scroller{background:var(--editor-bg)!important;color:var(--text-color)!important}.dark-mode .cm-gutters{background:var(--editor-gutter)!important;color:var(--muted-color)!important}.dark-mode .cm-activeLine,.dark-mode .cm-activeLineGutter{background:#7eb4ff17!important}.editor-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:18px}.editor-actions>div{align-items:center;display:flex;gap:10px;min-width:0}.save-btn{background:#2563eb;border:0;border-radius:11px;box-shadow:0 8px 22px #2563eb33;color:#fff;font-weight:750;min-height:46px;min-width:126px;padding:.7rem 1.5rem}.save-btn:hover{background:#1d4ed8}.theme-btn,.theme-toggle{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:11px;box-shadow:var(--shadow-sm);color:var(--text-color);display:inline-flex;height:46px;justify-content:center;min-width:46px;width:46px}.theme-btn:hover,.theme-toggle:hover{background:var(--button-hover)}.how-content,.preview{background:var(--preview-bg);color:var(--text-color);min-height:400px;overflow:auto;padding:clamp(16px,2.4vw,24px)}.how-content code,.how-content pre,.preview code,.preview pre{background:var(--code-bg);border-radius:6px;color:var(--text-color)}.how-content pre,.preview pre{overflow-x:auto;padding:12px}.how-content code,.preview code{padding:2px 5px}.how-content table{background:var(--surface-color);border-collapse:collapse;min-width:680px;width:100%}.how-content td,.how-content th{border:1px solid var(--border-color);color:var(--text-color);padding:14px 12px;text-align:left;vertical-align:top}.how-content th{font-weight:700}.how-content th,.how-content tr:nth-child(2n){background:var(--surface-muted)}.how-content ol,.how-content ul{margin:0 0 0 20px;padding:0}.how-content .text-muted{color:var(--muted-color)}.edit-code-form{margin:1rem auto;width:min(320px,100%)}.view-actions{display:flex;gap:10px;justify-content:center;margin-top:1rem}.metadata-section{margin-bottom:20px}.edit-code-input,.metadata-editor,.metadata-toggle,.url-input{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color)}.metadata-toggle{padding:8px 16px}.metadata-content{border:1px solid var(--border-color);border-radius:8px;margin-top:10px;overflow:hidden}.metadata-editor{font-family:monospace;min-height:100px;padding:10px;resize:vertical;width:100%}.editor-options,.url-edit-code{align-items:center;display:flex;gap:10px}.editor-options{justify-content:space-between}.edit-code-input,.url-edit-code,.url-input{flex:1 1}.edit-code-input,.url-input{padding:8px 12px}@media (max-width:700px){.editor-page{gap:12px;padding:0}.editor-container{border:0;border-radius:0;box-shadow:none;margin:0;min-height:100dvh;padding:12px;width:100%}.editor-tabs{gap:4px;margin-bottom:12px;padding:4px}.editor-tabs button{flex:1 1;min-width:0;padding-inline:6px}.editor-content{border-radius:10px;min-height:55dvh}.cm-editor,.cm-theme{border-radius:9px}.cm-scroller{font-size:.9rem}.editor-actions{align-items:stretch}.editor-actions>div{flex:1 1}.save-btn{min-width:0;width:100%}.how-content,.preview{min-height:55dvh;padding:14px}.editor-options,.url-edit-code{flex-direction:column;width:100%}}@media (max-width:380px){.editor-container{padding:8px}.editor-actions{gap:8px}.theme-toggle{height:42px;min-width:42px;width:42px}}.ad-box{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden}.ad-box__label{color:var(--muted-color);display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1;padding:8px 12px 0;text-align:center;text-transform:uppercase}.ad-box__content,.ad-box__link,.ad-box__network{align-items:center;color:var(--text-color);display:flex;justify-content:center;min-height:90px;text-decoration:none;width:100%}.ad-box__link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.ad-image{display:block;height:auto;object-fit:cover;width:100%}.ad-copy{display:flex;flex-direction:column;gap:4px;padding:18px;text-align:center}.ad-copy strong{font-size:1rem}.ad-copy span{color:var(--muted-color);font-size:.88rem}.ad-box--bottom,.ad-box--top{margin-inline:auto;width:min(970px,100%)}.ad-box--left,.ad-box--right{min-height:250px;position:-webkit-sticky;position:sticky;top:20px;width:300px}.ad-box--left .ad-box__content,.ad-box--left .ad-box__link,.ad-box--left .ad-box__network,.ad-box--right .ad-box__content,.ad-box--right .ad-box__link,.ad-box--right .ad-box__network{min-height:250px}@media (max-width:1200px){.ad-box--left,.ad-box--right{display:none}}@media (max-width:640px){.ad-box{border-radius:10px}.ad-box--bottom,.ad-box--top{width:100%}}.viewer-container{background:var(--page-bg);color:var(--text-color);display:flex;flex-direction:column;gap:22px;min-height:100vh;min-height:100dvh;padding:22px 16px 34px;width:100%}.viewer-stage{grid-gap:22px;align-items:start;display:grid;gap:22px;justify-content:center;margin:0 auto;max-width:1660px;width:100%}.viewer-stage--both{grid-template-areas:"left main right";grid-template-columns:300px minmax(0,1000px) 300px}.viewer-stage--left{grid-template-areas:"left main";grid-template-columns:300px minmax(0,1000px);max-width:1322px}.viewer-stage--right{grid-template-areas:"main right";grid-template-columns:minmax(0,1000px) 300px;max-width:1322px}.viewer-stage--none{grid-template-areas:"main";grid-template-columns:minmax(0,1000px);max-width:1000px}.viewer-stage>.ad-box--left{grid-area:left}.viewer-stage>.ad-box--right{grid-area:right}.viewer-main{display:flex;flex-direction:column;gap:16px;grid-area:main;min-width:0}.edit-code-notice{align-items:center;background:#16a34a14;border:1px solid #16a34a59;border-radius:10px;color:var(--text-color);display:flex;gap:8px;margin:0 auto;max-width:100%;padding:8px 10px 8px 12px;width:-webkit-fit-content;width:fit-content}.edit-code-notice__label{color:#16a34a;font-weight:700}.edit-code-notice code{background:var(--surface-color);border-radius:6px;color:var(--text-color);font-weight:750;overflow:hidden;padding:2px 6px;text-overflow:ellipsis}.edit-code-notice__copy{align-items:center;background:#0000;border:0;border-radius:7px;color:#16a34a;display:inline-flex;height:32px;justify-content:center;min-width:32px;width:32px}.edit-code-notice__copy:hover{background:#16a34a1f}.content{background:var(--preview-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);color:var(--text-color);line-height:1.7;min-height:105px;min-width:0;overflow-wrap:anywhere;padding:clamp(18px,3vw,28px);width:100%}.content>:first-child{margin-top:0}.content>:last-child{margin-bottom:0}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--text-color);line-height:1.25;margin:1.4em 0 .55em}.content h1,.content h2{border-bottom:1px solid var(--border-color);padding-bottom:.3em}.content blockquote,.content ol,.content p,.content pre,.content table,.content ul{margin:0 0 1rem}.content ol,.content ul{padding-left:1.6rem}.content pre{background:var(--code-bg);border-radius:8px;max-width:100%;overflow-x:auto;padding:14px}.content code{background:var(--code-bg);border-radius:5px;color:var(--text-color);font-family:SFMono-Regular,Consolas,monospace;padding:.18em .4em}.content pre code{background:#0000;padding:0}.content blockquote{border-left:4px solid var(--border-color);color:var(--muted-color);padding-left:1rem}.content iframe,.content img,.content video{display:block;height:auto;max-width:100%!important}.content iframe{border:0;min-height:350px;width:100%!important}.content table{border-collapse:collapse;display:block;overflow-x:auto;width:100%}.content td,.content th{border:1px solid var(--border-color);padding:8px 12px}.content th{background:var(--surface-muted)}.content a{color:var(--link-color)}.viewer-buttons{display:flex;flex-wrap:wrap;gap:20px}.viewer-buttons,.viewer-buttons button{align-items:center;justify-content:center}.viewer-buttons button{border:0;border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;flex:0 0 auto;font-weight:700;gap:6px;height:44px;min-height:44px;min-width:100px;padding:0 12px;transition:transform .15s ease,filter .15s ease;width:auto}.viewer-buttons button:hover{filter:brightness(.94);transform:translateY(-1px)}.edit-btn{background:#2563eb}.delete-btn{background:#dc3545}.newnote-btn{background:#16a34a}.copy-btn{background:#596579}.viewer-buttons .theme-btn{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color);flex-basis:44px;height:44px;min-width:44px;padding:0;width:44px}.modal-backdrop{background:#03071294;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);color:var(--text-color);padding:22px;width:min(420px,100%)}.modal .edit-code-form{display:flex;flex-wrap:wrap;gap:10px;margin:0}.modal .form-control{flex:1 0 100%;margin:0!important}.modal .btn{margin:0!important}.modal .error{display:block;flex:1 0 100%;min-height:0;padding:4px 0 0}.spoiler{background:var(--text-color);border-radius:4px;color:var(--text-color);display:inline-block;padding:.15em .45em;position:relative}.spoiler:active,.spoiler:hover{color:var(--surface-color)}.md-center{display:block;text-align:center}.md-right{display:block;text-align:right}@media (max-width:1200px){.viewer-stage,.viewer-stage--both,.viewer-stage--left,.viewer-stage--none,.viewer-stage--right{grid-template-areas:"main";grid-template-columns:minmax(0,1000px);max-width:1000px}}@media (max-width:700px){.viewer-container{gap:12px;padding:12px}.viewer-main,.viewer-stage{gap:12px}.content{border-radius:11px;font-size:.96rem;min-height:90px;padding:16px}.content iframe{aspect-ratio:16/9;min-height:0}.edit-code-notice{width:100%}.edit-code-notice__label{white-space:nowrap}}@media (max-width:600px){.viewer-stage{align-items:center;flex:1 0 auto}.viewer-main{margin-block:auto;width:100%}.viewer-buttons{flex-wrap:nowrap;gap:8px;margin:0 auto;max-width:500px;width:100%}.viewer-buttons button{border-radius:8px;flex:1 1;height:44px;min-height:44px;min-width:0;padding:0;width:auto}.viewer-buttons button span{display:none}.viewer-buttons .theme-btn{flex:0 0 44px;height:44px;min-width:44px;width:44px}}@media (max-width:400px){.viewer-container{padding:8px}.viewer-buttons button{height:44px;min-height:44px}.edit-code-notice__label{font-size:.82rem}}*{box-sizing:border-box}:root{--page-bg:#f3f6fa;--surface-color:#fff;--surface-muted:#f7f9fc;--text-color:#172033;--muted-color:#667085;--border-color:#dce3ec;--button-bg:#eef2f7;--button-hover:#e3e9f1;--editor-bg:#fbfcfe;--editor-gutter:#f0f4f8;--preview-bg:#fff;--code-bg:#eef2f6;--link-color:#2563eb;--focus-ring:#2563eb57;--shadow-sm:0 2px 10px #0f172a0d;--shadow-lg:0 18px 50px #0f172a17;color-scheme:light}body.dark-mode{--page-bg:#0f1217;--surface-color:#181d24;--surface-muted:#12171d;--text-color:#e7ebf2;--muted-color:#9aa5b5;--border-color:#303845;--button-bg:#252c36;--button-hover:#303946;--editor-bg:#11161c;--editor-gutter:#171d25;--preview-bg:#171c22;--code-bg:#252c35;--link-color:#7eb4ff;--focus-ring:#7eb4ff61;--shadow-sm:0 2px 12px #00000038;--shadow-lg:0 20px 55px #00000052;color-scheme:dark}#root,body,html{margin:0;min-height:100%;min-width:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .18s ease,color .18s ease}.App,body{background:#f3f6fa;background:var(--page-bg);color:#172033;color:var(--text-color)}.App{min-height:100vh;min-height:100dvh;min-width:0}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2563eb57;outline:3px solid var(--focus-ring);outline-offset:2px}a{color:#2563eb;color:var(--link-color)}.ui-icon{display:block;flex:0 0 auto}.error,.loading{color:#667085;color:var(--muted-color);display:grid;min-height:100vh;min-height:100dvh;padding:24px;place-items:center}.error{color:#ef4444}.btn{border:0;border-radius:10px;font-weight:650;min-height:42px;padding:.62rem 1rem}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-secondary{background:#eef2f7;background:var(--button-bg);color:#172033;color:var(--text-color)}.btn-secondary:hover{background:#e3e9f1;background:var(--button-hover)}.form-control{background:#f7f9fc;background:var(--surface-muted);border:1px solid #dce3ec;border:1px solid var(--border-color);border-radius:10px;color:#172033;color:var(--text-color);min-height:42px;padding:.65rem .75rem;width:100%}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.2fa5a290.css.map*/