/* The notes workspace uses warm paper and plum ink, separate from the map's navy and teal. */
:root{color:#352c3a;background:#eee8de}
body{background:radial-gradient(circle at 88% -5%,#e8d5c5 0,transparent 32%),#eee8de}
button{border-color:#c5a398;background:#6e4a68;color:#fff7ee}
button:hover:not(:disabled){background:#835b79;border-color:#9a6476;box-shadow:0 5px 20px #6f3b6233}
.light{background:#efe4db;border-color:#dbc9c0;color:#684959}
.danger{background:#f9e5e0;border-color:#e8c0b9;color:#a3454b}
.eyebrow{color:#985c6b}
.brand-mark{background:linear-gradient(145deg,#ebae78,#d28586);color:#442a43;box-shadow:0 0 18px #c2787659}
.gate{background:radial-gradient(circle at 18% 24%,#d7a9a777,transparent 35%),radial-gradient(circle at 83% 80%,#d9c2a266,transparent 38%),#eee8de}
.gate-card{background:#fffaf1f5;border-color:#d8bfb0;box-shadow:0 28px 80px #644e4b36,0 0 32px #d8a8a64d}
.gate-card h1{color:#392e42}.gate-card>p:not(.eyebrow){color:#765f67}.gate-card small{color:#9c8686}
.gate-card>button{background:#6f4d69;color:#fff8ee}.gate-card>button:hover:not(:disabled){background:#835b79}
.gate-story{margin-top:23px;padding-top:12px;border-top:1px solid #e7d6c7;height:64px;overflow:hidden}
.gate-story img{display:block;width:100%;height:50px;object-fit:contain}
.gate-art:before{border-color:#ae6f8650}.gate-art:after{border-color:#bc937b40}
.art-node{background:#fff8ebd9;border-color:#c79583;color:#704b65;box-shadow:0 8px 28px #9f6d6a30}
.topbar,.site-footer{background:#34283e;border-color:#57415b;box-shadow:0 4px 18px #5e415030}
.brand strong{color:#fff6e8}.brand small,.account,.site-footer{color:#cdbec9}
.account{gap:18px}.account-identity{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0}.account-identity strong{font-size:13px;color:#fff6e8;white-space:nowrap}.account-identity time{font-size:11px;color:#cdbec9;white-space:nowrap}.account-actions{display:flex;gap:8px;flex:none}.account-actions button{font-size:11px;white-space:nowrap}
.preview-banner{background:#f9e8c7;border-color:#dbbf8a;color:#795c3a}
.workspace{border-color:#d7c8ba}.sidebar{background:#f4eee5;border-color:#d7c8ba}
.sidebar h2{color:#352c3a}.sidebar-head button{background:#ba7464;color:#fff8ec}
.sidebar input,.editor>input{background:#fffaf4;border-color:#d8c7bc;color:#3c3340}
.sidebar input:focus,.editor input:focus,.editor textarea:focus{border-color:#a66d78;box-shadow:0 0 0 3px #b77a7c2b}
.note-tab{color:#6d5965}.note-tab:hover,.note-tab.active{background:#e7d8d1}.note-tab.active{box-shadow:inset 3px 0 #ad6a70}
.tab-icon,.breadcrumbs strong{color:#a75969}.sidebar-foot{color:#947e86}
.paper{background:#fffaf3}.breadcrumbs,.note-updated{color:#95818a}.breadcrumbs span{color:#bda5aa}
.paper h1,.paper-empty h2{color:#382d42}.paper-empty{color:#947e88}.empty-mark{color:#bd797d}
.markdown-body{color:#3f3642}.markdown-body h2{border-color:#e3d3c8}.markdown-body a{color:#985466}
.markdown-body blockquote{border-color:#c57d78;background:#f7ece6;color:#765a65}
.markdown-body code{background:#f0e5de;color:#854f66}.markdown-body pre{background:#27202e;border-color:#5c465b}
.markdown-body pre code{background:none;color:inherit}.markdown-body th,.markdown-body td{border-color:#d5bdb4}.markdown-body th{background:#f1e3da}.markdown-body hr{border-color:#cfafa8}
.editor-toolbar{background:#f1e6dd;border-color:#d8c3ba}.editor-toolbar>span{color:#9c7d85}.editor-toolbar button{color:#704f68}.editor-toolbar button:hover{background:#e3cfc7}
.color-label{color:#704f68}.emoji-palette{background:#f7ebe0;border-color:#d9c4b9}.editor-split{border-color:#d8c3ba}
.editor textarea{background:#fffaf4;color:#423747}.live-preview{background:#f9f3eb;border-color:#d8c3ba}.preview-label{color:#a08186}.format-hint{color:#89757c}.format-hint code{color:#995567}
.review{background:#fff9f2;border-color:#d8c3ba}.review-row{border-color:#e9dcd2}.review-row small{color:#9b858e}
.site-footer:before{background:linear-gradient(90deg,transparent,#df9a75 48%,#b47b9b 70%,transparent)}
.footer-icon{background:linear-gradient(145deg,#e9ab79,#c47e88);color:#482e42}.footer-developer strong{color:#fff5eb}
.story-track{max-width:390px;height:44px}.story-scene{width:100%;height:44px;object-fit:contain}
@media(max-width:900px){.account-identity strong{display:block}.account-identity time{font-size:10px}}
@media(max-width:650px){.topbar{height:106px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:9px 14px;box-shadow:0 2px 12px #5e415030}.brand{gap:8px}.account{width:100%;justify-content:space-between;gap:8px}.account-identity{align-items:flex-start}.account-identity strong{font-size:11px}.account-identity time{font-size:9px}.account-actions{gap:5px}.account-actions button{font-size:10px;padding:5px 7px}.workspace{margin-top:106px}.preview-banner{margin-top:106px}.site-footer{height:62px}.story-track{min-width:52px}}
@media(max-width:420px){.topbar{height:130px}.account{flex-wrap:wrap;gap:5px}.account-identity{width:100%}.workspace{margin-top:130px}.preview-banner{margin-top:130px}.story-track{display:none}}
.delete-dialog{width:min(430px,calc(100vw - 32px));max-width:none;border:1px solid #d8bfb0;border-radius:20px;background:#fffaf1;color:#392e42;padding:28px;box-shadow:0 30px 90px #33243d66}
.delete-dialog::backdrop{background:#1c1529a8;backdrop-filter:blur(4px)}
.delete-dialog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f7e1dc;color:#ad5058;font-size:21px;font-weight:700;margin-bottom:19px}
.delete-dialog h2{font-size:25px;letter-spacing:-.03em;margin:0 0 11px}.delete-dialog p:not(.eyebrow){color:#705f69;line-height:1.55;margin:0}.delete-dialog strong{color:#49344e;overflow-wrap:anywhere}
.delete-dialog #deleteStatus{min-height:20px;margin-top:12px;color:#9d4d52;font-size:12px}
.delete-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.delete-dialog-actions .danger{background:#ad5058;border-color:#ad5058;color:#fff8f2}.delete-dialog-actions .danger:hover:not(:disabled){background:#973f48;border-color:#973f48}
.editor-toolbar{gap:6px;padding:9px}.editor-toolbar>span{margin:0 12px 0 5px}.editor-toolbar button{border:1px solid #dcc6bd;background:#fff9f1;color:#704f68;padding:6px 9px;font-size:12px}.editor-toolbar button:hover:not(:disabled){background:#ead8cf;border-color:#b98d84;box-shadow:none}
.language-picker{display:flex;align-items:center;gap:6px;color:#704f68;font-size:12px;font-weight:700;margin-left:auto}.language-picker select{max-width:135px;border:1px solid #d6bfb6;border-radius:7px;background:#fffaf3;color:#49344e;padding:6px 7px;font:inherit}
.color-palette,.emoji-palette{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px;background:#f7ebe0;border:1px solid #d9c4b9;border-top:0}.color-palette button{width:27px;height:27px;min-width:27px;padding:0;border:2px solid #fff7f0;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ab938d}.color-palette button:hover:not(:disabled){transform:scale(1.15);background:var(--swatch)}.color-palette label{display:flex;align-items:center;gap:6px;font-size:12px;color:#704f68;margin-left:5px}.color-palette input{width:31px;height:29px;padding:0;border:0;background:transparent;cursor:pointer}.color-palette small{width:100%;color:#8a747c;font-size:11px}.emoji-palette button{min-width:32px;border:1px solid #e1cfc5;border-radius:8px;background:#fff9f1;font-size:20px;padding:4px}.emoji-palette button:hover:not(:disabled){background:#ead8cf;border-color:#cdaaa0;box-shadow:none}
.table-wrap{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid #d5bdb4;border-radius:10px}.markdown-body .table-wrap table{display:table;width:100%;min-width:360px;margin:0;border-collapse:collapse}.markdown-body .table-wrap th,.markdown-body .table-wrap td{padding:10px 14px;border:0;border-right:1px solid #e2d0c7;border-bottom:1px solid #e2d0c7;text-align:left;vertical-align:top}.markdown-body .table-wrap th:last-child,.markdown-body .table-wrap td:last-child{border-right:0}.markdown-body .table-wrap tr:last-child td{border-bottom:0}.markdown-body .table-wrap th{background:#e9d9d1;color:#513e4d;font-weight:750}.markdown-body .table-wrap tbody tr:nth-child(even){background:#fbf2eb}
@media(max-width:650px){.language-picker{margin-left:0}.editor-toolbar>span{width:100%}.editor-toolbar button{font-size:11px}.table-wrap{font-size:12px}}
.table-workbench{padding:19px 20px 17px;background:#fff9f1;border:1px solid #d8c3ba;border-top:0}.table-workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.table-workbench-head .eyebrow{margin-bottom:4px}.table-workbench h3{font-size:19px;color:#3f3044;margin:0}.table-workbench-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-workbench-tools label{font-size:12px;color:#765965;font-weight:700}.table-workbench-tools select{margin-left:5px;border:1px solid #d6bfb6;border-radius:7px;background:#fffaf3;color:#49344e;padding:7px}.table-workbench-tools button{font-size:11px}.table-workbench-help{font-size:12px;color:#806c76;margin:10px 0 15px}.table-grid-scroll{max-width:100%;overflow-x:auto;border:1px solid #d5bdb4;border-radius:10px}.table-grid{border-collapse:separate;border-spacing:0;min-width:100%;background:#fffdf8}.table-grid th,.table-grid td{min-width:150px;padding:7px;border-right:1px solid #e8d8cf;border-bottom:1px solid #e8d8cf}.table-grid th{background:#eee0d8}.table-grid td{background:#fffbf6}.table-grid tr:last-child td{border-bottom:0}.table-grid input{width:100%;min-width:130px;border:1px solid transparent;border-radius:5px;background:transparent;color:#3f3441;padding:9px;font-size:13px;line-height:1.4}.table-grid th input{font-weight:750}.table-grid input:focus{outline:none;border-color:#ba7d7e;background:#fff;box-shadow:0 0 0 3px #ba7d7e24}.table-grid .table-add-cell{min-width:116px;background:#f5e8dc}.table-grid .table-add-row{background:#f5e8dc;text-align:center}.table-grid button{white-space:nowrap;background:#fbefe5;border-color:#d9b9aa;color:#754b62;font-size:12px;padding:7px 10px}.table-grid button:hover:not(:disabled){background:#ead4ca}.table-dimensions{font-size:11px;color:#8e7880;margin:10px 0}.table-remove-actions{display:flex;gap:7px;flex-wrap:wrap}.table-remove-actions button{font-size:11px;padding:6px 9px}.table-preview-edit{display:block;margin:9px 9px 0 auto;background:#f3e3d8;color:#714d62;border-color:#d9b8a9;font-size:11px;padding:5px 8px}
.emoji-picker{border:1px solid #d9c4b9;border-top:0;background:#fff8ee;padding:12px}.emoji-picker-head{display:flex;align-items:center;gap:10px}.emoji-picker-head strong{font-size:14px;color:#49344e}.emoji-picker-head input{flex:1;max-width:280px;border:1px solid #dbc6b9;border-radius:8px;background:#fffdf8;color:#3f3441;padding:8px 10px;font-size:12px}.emoji-picker-head button{margin-left:auto;padding:3px 9px;font-size:19px;background:transparent;color:#704f68;border:0}.emoji-categories{display:flex;gap:5px;overflow-x:auto;padding:12px 0 9px}.emoji-categories button{flex:none;background:#f6e8df;border:1px solid #ead4c9;color:#765462;font-size:11px;padding:6px 10px}.emoji-categories button[aria-selected="true"]{background:#704f68;border-color:#704f68;color:#fff9f1}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;max-height:220px;overflow-y:auto;padding:3px}.emoji-grid button{display:grid;place-items:center;min-height:36px;padding:2px;border:0;border-radius:7px;background:transparent;font-size:24px}.emoji-grid button:hover:not(:disabled){background:#f0ddd2;box-shadow:none}
@media(max-width:650px){.table-workbench{padding:14px}.table-workbench-head{flex-direction:column}.table-grid th,.table-grid td{min-width:135px}.emoji-grid{max-height:185px}}

/* Keep labels legible when the shared button hover adds a plum glow. */
.light:hover:not(:disabled),.note-tab:hover:not(:disabled){background:#80546e;border-color:#a97c91;color:#fffaf3;box-shadow:0 6px 20px #71415e45}
.danger:hover:not(:disabled){background:#a94e60;border-color:#c97885;color:#fffaf3;box-shadow:0 6px 20px #a94e6040}
.note-tab:hover:not(:disabled) .tab-icon{color:#ffe2cf}