:root{--color-primary: #ef974f;--color-primary-hover: #e8883a;--color-primary-ink: #2a1500;--color-primary-tint: #fdebd9;--color-link: #8a3f00;--color-intro: #fdebd9;--color-intro-border: #f3cda9;--color-work-bg: #fff6f0;--color-surface: #ffffff;--color-surface-sunken: #f5f0ed;--color-table-head: #faf8f7;--color-text: #241c2b;--color-text-secondary: #716975;--color-text-tertiary: #6f6775;--color-border: #e7e3e5;--color-divider: #f0edef;--color-danger: #a72c24;--status-published-bg: #e9f4e4;--status-published-fg: #2d6b1b;--status-draft-bg: #f0eef3;--status-draft-fg: #5d5662;--status-warning-bg: #fef3e2;--status-warning-fg: #92400e;--radius-sm: 5px;--radius-md: 6px;--radius-lg: 12px;--radius-full: 999px;--font-family: "Josefin Sans", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--color-work-bg);scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:var(--color-work-bg);font-family:var(--font-family);line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-link)}h1,h2,h3,p{margin-top:0}button{min-height:44px;cursor:pointer;border:0;border-radius:var(--radius-md)}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-link);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}input,textarea,select{width:100%;padding:.6rem .75rem;color:#111;background:#fff;border:0;border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 1px #1b1b1b24;outline:none}input:focus,textarea:focus,select:focus{box-shadow:0 1px 0 var(--color-link)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.btn-primary{min-height:44px;padding:.65rem 1.15rem;color:var(--color-primary-ink);background:var(--color-primary);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:focus-visible{outline-color:var(--color-primary-ink)}.btn-primary:disabled{color:#5f3a20;background:#f5c39a;opacity:1}.btn-secondary{min-height:44px;padding:.6rem 1.1rem;color:var(--color-link);background:#fff;border:1px solid #d7a67c;font-weight:700}.btn-secondary:hover:not(:disabled){background:var(--color-primary-tint);border-color:var(--color-primary-hover)}.btn-danger{min-height:44px;padding:.65rem 1.15rem;color:#fff;background:var(--color-danger);font-weight:700}.btn-danger:hover:not(:disabled){background:#8d241d}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 2px #241c2b09}.page{width:min(100%,1180px);margin:0 auto;padding:1.25rem}.page-heading{margin-bottom:1rem}.page-heading p{margin:0 0 .25rem;color:var(--color-link);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.page-heading h1{margin:0;color:var(--color-primary-ink);font-size:1.65rem;line-height:1.25}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem}.toolbar h2{margin:0;color:var(--color-text);font-size:1rem}.toolbar-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.segmented-control{display:flex;padding:3px;border-radius:var(--radius-md);background:var(--color-surface-sunken)}.segmented-control button{min-height:36px;padding:.35rem .85rem;color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.segmented-control button.active{color:#fff;background:#8a4908}.page-state{margin:0 0 1rem;padding:2rem 1rem;text-align:center;color:var(--color-text-secondary)}.auth-error{margin:.5rem 0 0;color:var(--color-danger)}.confirm-message{margin:0 0 1rem}.confirm-actions{display:flex;justify-content:flex-end;gap:.65rem}.page.editor-page{width:min(100%,1680px)}.editor-page .editor-metadata{margin-bottom:1rem;padding:1rem 1.25rem}.editor-page .metadata-grid{display:grid;grid-template-columns:minmax(230px,2fr) minmax(145px,1fr) minmax(170px,1.2fr) minmax(180px,1.25fr) minmax(250px,1.7fr);gap:.8rem 1rem;align-items:end}.editor-page .metadata-field{display:flex;min-width:0;flex-direction:column;gap:.35rem}.editor-page .metadata-field label,.editor-page .preview-header>div:first-child>span{margin:0;color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.editor-page .metadata-field input,.editor-page .metadata-field select{width:100%;min-width:0;box-sizing:border-box}.editor-page .metadata-title small{align-self:flex-end;color:var(--color-text-secondary);font-size:.8rem}.editor-page .editor-grid{--pane-height: clamp(420px, calc(100dvh - 7rem) ,1100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem;align-items:stretch}.editor-page .writing-panel,.editor-page .preview{box-sizing:border-box;min-width:0;height:var(--pane-height);min-height:420px;padding:1rem;overflow:hidden}.editor-page .writing-panel{display:flex;flex-direction:column;gap:.65rem}.editor-page .writing-surface{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.editor-page .writing-surface textarea{width:100%;height:100%;min-height:0;flex:1 1 auto;box-sizing:border-box;resize:none;overflow:auto}.editor-page .writing-surface textarea[hidden],.editor-page .visual-editor-host[hidden]{display:none!important}.editor-page .visual-editor-host{height:100%;min-height:0;flex:1 1 auto;overflow:auto}.editor-page .editor-panel-footer{flex:0 0 auto;padding-top:.35rem;border-top:1px solid var(--color-divider)}.editor-page .preview-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:.8rem;min-width:0}.editor-page .preview-header>div:first-child{min-width:0}.editor-page .preview-reading{margin:.3rem 0 0;color:var(--color-text-secondary);font-size:.85rem}.editor-page .preview-zoom{display:flex;flex:0 0 auto;align-items:center;gap:.25rem}.editor-page .preview-zoom button{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:.35rem;color:#6b4b17;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.editor-page .preview-zoom button:disabled{opacity:.45;cursor:not-allowed}.editor-page .preview-zoom .zoom-reset{min-width:58px;color:var(--color-primary-ink);font-size:.85rem;font-weight:700}.editor-page .preview{display:flex;flex-direction:column;gap:.75rem;border-top:4px solid var(--color-primary)}.editor-page .preview-scroll{flex:1 1 auto;min-height:0;overflow:auto}.editor-page .preview-scroll:focus-visible{outline:3px solid var(--color-link);outline-offset:3px;border-radius:var(--radius-sm)}.editor-page .preview-scroll h2{margin:.4rem 0 1.1rem;color:var(--color-primary-ink);font-size:1.65rem;line-height:1.25}.editor-page .preview .markdown-body{font-size:var(--preview-zoom,20px)}.editor-page .compact-pane-tabs{display:none}.editor-page .visual-editor__surface{min-height:460px;padding:1rem;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:20px;line-height:1.75;overflow-wrap:anywhere;outline:none}.editor-page .visual-editor__surface:focus{border-color:#6b4b17;box-shadow:0 0 0 2px #6b4b1729}.editor-page .visual-editor__surface img.ProseMirror-selectednode{outline:3px solid #6b4b17}.editor-page .visual-editor__surface .ProseMirror a{display:inline;padding:.15em .12em;line-height:inherit;vertical-align:baseline}.editor-page .visual-editor__surface .ProseMirror p.is-attachment-paragraph>a{display:inline-flex;align-items:center;gap:.5rem;min-height:30px;padding:.2rem .65rem;color:#6b4b17;background:#faf7f1;border:1px solid #d8c8ae;border-radius:var(--radius-full);font-size:.82em;font-weight:600;line-height:1.25;text-decoration:none}.editor-page .visual-editor__surface .ProseMirror p.is-attachment-paragraph>a:before{width:.62em;height:.82em;flex:0 0 auto;content:"";border:1.5px solid currentColor;border-top-color:transparent;border-radius:.4em;transform:rotate(35deg)}.editor-page .visual-editor__surface .ProseMirror p.is-attachment-paragraph>a:hover{background:#f4ede3;border-color:#6b4b17}.editor-page .visual-editor__surface .ProseMirror a:focus-visible{outline:2px solid #6b4b17;outline-offset:2px}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card{display:grid;grid-template-columns:2rem minmax(12rem,1fr) auto;align-items:center;gap:.65rem;width:min(100%,680px);box-sizing:border-box;margin:.9rem 0;padding:.85rem 1rem;color:#352719;background:#faf7f1;border:1px solid #d8c8ae;border-left:4px solid #6b4b17;border-radius:var(--radius-md)}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card__icon{display:inline-grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;color:#6b4b17;background:#f0e5d4;border-radius:var(--radius-sm);font-size:1.2rem}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card strong{min-width:12rem;overflow-wrap:break-word;word-break:normal;hyphens:auto}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card__provider{flex:0 0 auto;color:#6b4b17;font-size:.72em;font-weight:700}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card code{grid-column:2 / -1;min-width:0;color:#645644;font-size:.72em;overflow-wrap:anywhere}.editor-page .folder-notice{margin:.1rem 0;padding:.45rem .65rem;color:#5d4a2d;background:#faf7f1;border-left:3px solid #6b4b17;font-size:.8rem}@media(max-width:1120px)and (min-width:901px){.editor-page .metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-page .metadata-title,.editor-page .metadata-cover{grid-column:span 2}}@media(max-width:900px){.editor-page .metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-page .metadata-title,.editor-page .metadata-cover{grid-column:span 2}.editor-page .compact-pane-tabs{display:flex;gap:.25rem;margin:0 0 .75rem;padding:.25rem;background:var(--color-surface-sunken);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.editor-page .compact-pane-tabs button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.45rem .75rem;color:#6b4b17;background:transparent;border:0;border-radius:var(--radius-sm);font-weight:600}.editor-page .compact-pane-tabs button[aria-selected=true]{color:#fff;background:#6b4b17}.editor-page .compact-pane-tabs button:focus-visible{outline:2px solid #6b4b17;outline-offset:2px}.editor-page .editor-grid{display:block;--pane-height:clamp(360px, calc(100dvh - 8rem) ,900px)}.editor-page .writing-panel,.editor-page .preview{height:var(--pane-height);min-height:360px}.editor-page .mobile-pane-hidden{display:none!important}}@media(max-width:480px){.editor-page .metadata-grid{grid-template-columns:minmax(0,1fr)}.editor-page .metadata-title,.editor-page .metadata-cover{grid-column:auto}.editor-page .editor-metadata{padding:1rem}.editor-page .cover-empty{align-items:flex-start;flex-direction:column;width:100%;box-sizing:border-box}.editor-page .writing-panel,.editor-page .preview{padding:.85rem}.editor-page .format-bar{gap:.2rem}.editor-page .format-bar button{flex:0 0 44px}.editor-page .editor-actions .toolbar-actions{width:100%}.editor-page .editor-actions .toolbar-actions button{flex:1}.editor-page .local-draft-banner{align-items:flex-start;flex-direction:column}.editor-page .preview-header{align-items:flex-start}.editor-page .preview-zoom{gap:.15rem}.editor-page .preview-zoom button{min-width:36px;min-height:40px}}@media(max-width:480px){.editor-page .visual-editor__surface .ProseMirror .visual-embed-card{grid-template-columns:2rem minmax(0,1fr)}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card strong{grid-column:2;min-width:0}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card__provider{grid-column:2;justify-self:start}.editor-page .visual-editor__surface .ProseMirror .visual-embed-card code{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}