.write-stuff-toolbar{min-width:0}
#write-stuff-top .top-bar-back{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin-left:8px;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--sea-muted)!important;box-shadow:none!important;transition:transform .18s,background .18s,color .18s}
#write-stuff-top .top-bar-back:active{transform:scale(.92);background:var(--sea-accent-soft)!important;color:var(--sea-accent)!important}
#write-stuff-top .top-bar-back i{font-size:16px!important;color:inherit!important}
.moon-panel button,.moon-action button{min-height:38px;padding:8px 12px;border:1px solid var(--sea-border);border-radius:13px;background:var(--sea-surface);color:var(--sea-ink);font:inherit;font-size:12px;cursor:pointer;transition:background .18s,transform .18s}
.moon-panel button:active,.moon-action button:active{transform:scale(.97);background:var(--sea-accent-soft)}
.moon-panel{position:absolute;z-index:28;inset:12px 12px 58px;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:10px 12px;border:1px solid var(--sea-border);border-radius:22px;background:var(--sea-surface);box-shadow:var(--sea-shadow);overscroll-behavior:contain}
.moon-panel[hidden]{display:none}
.moon-panel textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--sea-border);border-radius:14px;background:var(--sea-bg);color:var(--sea-ink);font:inherit;resize:vertical;min-height:120px}
.moon-panel-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:6px}
.moon-panel-header nav{display:flex;justify-content:flex-start;gap:4px;margin:0}
.moon-panel-header nav button,.moon-panel .moon-panel-close{width:38px;min-height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--sea-muted);font-size:15px}
.moon-panel-header nav button[aria-pressed=true]{background:var(--sea-accent-soft);color:var(--sea-accent)}
.moon-panel-header .moon-panel-close{color:var(--sea-ink)}
.moon-panel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0 3px 12px;overscroll-behavior:contain}
.moon-panel nav{display:flex;justify-content:center;gap:7px;margin-bottom:15px}
.moon-panel-body{max-width:620px;margin:0 auto;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.moon-panel h2{font-size:19px;text-align:center;margin:10px 0}.moon-panel h3{font-size:15px;margin-top:22px}
.moon-panel p{color:var(--sea-muted);margin:10px 0}.moon-panel input:not([type=checkbox]),.moon-panel select{box-sizing:border-box;display:block;width:100%;min-height:42px;margin:9px 0;padding:8px 12px;border:1px solid var(--sea-border);border-radius:13px;background:var(--sea-surface);color:var(--sea-ink);font:inherit}
.moon-panel label{display:flex;align-items:center;gap:8px}.moon-panel input[type=checkbox]{accent-color:var(--sea-accent);width:18px;height:18px}
.moon-panel details{margin:12px 0;padding:12px;border:1px solid var(--sea-border);border-radius:15px;background:var(--sea-surface)}.moon-panel summary{cursor:pointer}
.moon-report-entry{margin:10px 0;padding:13px 15px;border:1px solid var(--sea-border);border-radius:15px;background:color-mix(in srgb,var(--sea-surface) 88%,transparent)}
.moon-report-entry-heading{display:flex;align-items:center;gap:8px}.moon-report-entry-heading strong{flex:1;font-size:13px;color:var(--sea-ink)}.moon-report-entry-heading span{color:var(--sea-muted);font-size:11px}
.moon-report-entry>p{margin:5px 0 0;font-size:12px}.moon-report-open{flex:0 0 36px;width:36px;min-height:36px!important;padding:0!important;display:grid;place-items:center;border:0!important;background:var(--sea-accent-soft)!important;color:var(--sea-accent)!important}
.moon-briefing-schedule-state{padding:9px 12px;border-left:2px solid var(--sea-accent);background:var(--sea-accent-soft);border-radius:0 10px 10px 0}
.moon-font-section{margin:16px 0;padding:14px;border:1px solid var(--sea-border);border-radius:17px;background:color-mix(in srgb,var(--sea-surface) 88%,transparent)}
.moon-font-heading,.moon-font-actions,.moon-font-row{display:flex;align-items:center;gap:10px}.moon-font-heading{justify-content:space-between}.moon-font-title{display:grid;gap:2px;min-width:0}.moon-font-title strong{font-size:14px;color:var(--sea-ink)}.moon-font-title span,.moon-font-name span{font-size:11px;color:var(--sea-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moon-panel .moon-font-icon-button{flex:0 0 38px;width:38px;min-height:38px;padding:0;display:grid;place-items:center;border:1px solid var(--sea-border);border-radius:50%;background:var(--sea-bg);color:var(--sea-accent)}.moon-font-actions{justify-content:flex-end;margin:10px 0}.moon-panel .moon-font-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 13px;border:0;border-radius:18px;background:var(--sea-accent-soft);color:var(--sea-accent);font-size:12px}
.moon-font-list{display:grid;gap:2px}.moon-font-row{justify-content:space-between;min-width:0;padding:8px 0;border-top:1px solid var(--sea-border)}.moon-font-name{display:grid;gap:2px;min-width:0}.moon-font-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--sea-ink)}.moon-panel .moon-font-use{flex:0 0 34px;width:34px;min-height:34px;padding:0;display:grid;place-items:center;border:1px solid var(--sea-border);border-radius:50%;background:var(--sea-bg);color:var(--sea-muted)}.moon-panel .moon-font-use[aria-pressed=true]{border-color:transparent;background:var(--sea-accent-soft);color:var(--sea-accent)}.moon-font-note,.moon-font-empty{font-size:11px!important;line-height:1.6!important}.moon-panel .moon-font-icon-button:disabled{opacity:.5}
.moon-action{flex:0 0 auto;max-height:28vh;overflow:auto;padding:10px 16px;background:var(--sea-accent-soft);border-top:1px solid var(--sea-border);font-size:12px;overflow-wrap:anywhere}.moon-action p{margin:0 0 8px}.moon-action button+button{margin-left:8px}
.moon-panel-body>div>button{display:block;width:100%;text-align:left;margin:8px 0}.moon-panel button:disabled,.moon-action button:disabled{opacity:.5}
@media(max-width:360px){.moon-tabs{gap:5px}.moon-tabs button,.moon-panel nav button{padding:8px}.moon-report dl{grid-template-columns:1fr;gap:3px}.moon-report dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.moon-tabs button,.moon-panel button,.moon-action button{transition:none}}