@m2s2/vue-lib 2.5.2 → 2.6.0

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;function i(e){return t.test(e.trim())}exports.EMAIL_REGEX=t;exports.validateEmail=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){const[t,a,n]=e.split("-").map(Number);return new Date(t,a-1,n).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}function o(){return new Date().toISOString().split("T")[0]}function i(e){return e.toLowerCase().replace(/[^a-z0-9\s-]/g,"").trim().replace(/\s+/g,"-").replace(/-+/g,"-")}function l(e){const t=e.trim().split(/\s+/).filter(Boolean).length;return Math.max(1,Math.ceil(t/200))}exports.calcReadingTime=l;exports.formatBlogDate=r;exports.generateSlug=i;exports.todayAsIsoDate=o;

package/dist/index79.mjs

@@ -1,8 +1,24 @@
-const s = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function e(t) {
-  return s.test(t.trim());
+function a(e) {
+  const [t, n, r] = e.split("-").map(Number);
+  return new Date(t, n - 1, r).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function o() {
+  return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+}
+function i(e) {
+  return e.toLowerCase().replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-").replace(/-+/g, "-");
+}
+function c(e) {
+  const t = e.trim().split(/\s+/).filter(Boolean).length;
+  return Math.max(1, Math.ceil(t / 200));
 }
 export {
-  s as EMAIL_REGEX,
-  e as validateEmail
+  c as calcReadingTime,
+  a as formatBlogDate,
+  i as generateSlug,
+  o as todayAsIsoDate
 };

package/dist/index80.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(e,t){return e==="all"?"All":t[e]??e}exports.getStatusLabel=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=[{label:"Heading 2",icon:"H2",prefix:"## "},{label:"Heading 3",icon:"H3",prefix:"### "},{label:"Bold",icon:"B",wrap:["**","**"]},{label:"Italic",icon:"I",wrap:["*","*"]},{label:"Inline code",icon:"`",wrap:["`","`"]},{label:"Code block",icon:"{ }",block:"\n```\n\n```\n"},{label:"Blockquote",icon:"❝",prefix:"> "},{label:"Link",icon:"⇗",wrap:["[","](url)"]},{label:"Image",icon:"⬚",block:`![alt text](image-url)
+`},{label:"Bullet list",icon:"•–",prefix:"- "},{label:"Numbered list",icon:"1.",prefix:"1. "},{label:"Divider",icon:"—",block:`
+---
+
+`}];exports.BLOG_EDITOR_TOOLBAR=l;

package/dist/index80.mjs

@@ -1,6 +1,21 @@
-function r(e, l) {
-  return e === "all" ? "All" : l[e] ?? e;
-}
+const l = [
+  { label: "Heading 2", icon: "H2", prefix: "## " },
+  { label: "Heading 3", icon: "H3", prefix: "### " },
+  { label: "Bold", icon: "B", wrap: ["**", "**"] },
+  { label: "Italic", icon: "I", wrap: ["*", "*"] },
+  { label: "Inline code", icon: "`", wrap: ["`", "`"] },
+  { label: "Code block", icon: "{ }", block: "\n```\n\n```\n" },
+  { label: "Blockquote", icon: "❝", prefix: "> " },
+  { label: "Link", icon: "⇗", wrap: ["[", "](url)"] },
+  { label: "Image", icon: "⬚", block: `![alt text](image-url)
+` },
+  { label: "Bullet list", icon: "•–", prefix: "- " },
+  { label: "Numbered list", icon: "1.", prefix: "1. " },
+  { label: "Divider", icon: "—", block: `
+---
+
+` }
+];
 export {
-  r as getStatusLabel
+  l as BLOG_EDITOR_TOOLBAR
 };

package/dist/index81.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index75.cjs");module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(e,t){return e==="all"?"All":t[e]??e}exports.getStatusLabel=l;

package/dist/index81.mjs

@@ -1,4 +1,6 @@
-import f from "./index75.mjs";
+function r(e, l) {
+  return e === "all" ? "All" : l[e] ?? e;
+}
 export {
-  f as default
+  r as getStatusLabel
 };

package/dist/index82.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index76.cjs");module.exports=e;

package/dist/index82.mjs

@@ -0,0 +1,4 @@
+import f from "./index76.mjs";
+export {
+  f as default
+};

package/dist/vue-lib/src/components/BlogEditor/BlogEditor.vue.d.ts

@@ -4,6 +4,11 @@ type __VLS_Props = {
     initialPost?: BlogPost;
     /** Set to the S3 URL after the platform has uploaded the selected cover image. */
     coverImageUrl?: string;
+    /** Existing series to show in the dropdown. Platform fetches these from the blog index. */
+    existingSeries?: Array<{
+        id: string;
+        title: string;
+    }>;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     publish: (draft: BlogDraft) => any;
@@ -14,6 +19,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     initialPost: BlogPost;
     coverImageUrl: string;
+    existingSeries: Array<{
+        id: string;
+        title: string;
+    }>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=BlogEditor.vue.d.ts.map

package/dist/vue-lib/src/components/BlogEditor/BlogEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/BlogEditor/BlogEditor.vue"],"names":[],"mappings":"AA2qBA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;iBAHc,QAAQ;mBAEN,MAAM;;AAyhBxB,wBAQG"}
+{"version":3,"file":"BlogEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/BlogEditor/BlogEditor.vue"],"names":[],"mappings":"AAiuBA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvD,CAAC;;;;;;;;iBALc,QAAQ;mBAEN,MAAM;oBAEL,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;;AA2lBvD,wBAQG"}

package/dist/vue-lib/src/index.d.ts

@@ -1,3 +1,4 @@
+import './styles/tokens.scss';
 export { default as Chat } from './components/Chat/Chat.vue';
 export { default as SectionHeader } from './components/SectionHeader/SectionHeader.vue';
 export { default as StatRow } from './components/StatRow/StatRow.vue';

package/dist/vue-lib/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}

package/dist/vue-lib.css

@@ -1 +1 @@
-.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentcolor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-field-group-label{grid-column:1/-1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.be-field--narrow-pair{display:flex;gap:var(--space-4)}.be-field--narrow-pair>div{display:flex;flex-direction:column;gap:var(--space-2)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}.m2s2-dropdown__item{display:block}.m2s2-dropdown__link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.m2s2-dropdown__link:hover{background:var(--color-surface-overlay);color:var(--color-secondary)}.m2s2-dropdown__link--disabled{opacity:.5;cursor:not-allowed}.m2s2-dropdown__link img{width:20px;height:20px;object-fit:contain}.m2s2-dropdown{position:relative;display:inline-block}.m2s2-dropdown__trigger{cursor:pointer}.m2s2-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:var(--z-dropdown, 200);min-width:160px;padding:4px 0;list-style:none;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d}.m2s2-dropdown__menu--left{left:0}.m2s2-dropdown__menu--right{right:0}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap";:root{--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6d28d9;--purple-900: #4c1d95;--purple-950: #2e1065;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #075985;--cyan-900: #0369a1;--neutral-0: #fff;--neutral-50: #faf5ff;--neutral-100: #eae6f0;--neutral-200: #e0d8ed;--neutral-300: #c4b5fd;--neutral-400: #a89bc0;--neutral-500: #6b5f80;--neutral-600: #3d1f5e;--neutral-700: #2a1040;--neutral-800: #221530;--neutral-850: #1a1a24;--neutral-900: #0f0f14;--neutral-950: #120125;--red-400: #f87171;--red-700: #b91c1c;--green-400: #4ade80;--green-700: #15803d;--yellow-400: #fbbf24;--yellow-700: #b45309;--blue-400: #38bdf8;--blue-700: #0369a1}:root{color-scheme:dark;--color-bg: var(--neutral-900);--color-surface: var(--neutral-850);--color-surface-raised: var(--neutral-800);--color-surface-overlay: #2d1b4e;--color-nav-bg: var(--neutral-950);--color-nav-hover-bg: #250c3b;--color-nav-active-bg: #351650;--color-nav-dropdown-bg: #0b0314;--color-on-bg: var(--neutral-100);--color-on-surface: var(--neutral-200);--color-on-surface-muted: var(--neutral-400);--color-on-nav: var(--neutral-50);--color-primary: var(--purple-400);--color-primary-vivid: var(--purple-500);--color-primary-dim: var(--purple-700);--color-on-primary: #1a0030;--color-secondary: var(--cyan-400);--color-secondary-dim: var(--cyan-600);--color-on-secondary: #001a20;--color-border: var(--neutral-600);--color-border-subtle: var(--neutral-700);--color-scrollbar: rgb(55 2 99);--color-scrollbar-hover: #3f0052;--gradient-brand: linear-gradient(90deg, var(--purple-800) 0%, var(--purple-500) 50%, var(--cyan-400) 100%);--gradient-brand-135: linear-gradient(135deg, var(--purple-800) 0%, var(--cyan-400) 100%);--gradient-nav-bar: linear-gradient(90deg, rgb(64 6 144 / 100%) 0%, rgb(109 7 152 / 100%) 62%, rgb(0 212 255 / 100%) 100%);--color-error: var(--red-400);--color-success: var(--green-400);--color-warning: var(--yellow-400);--color-info: var(--blue-400);--color-error-bg: rgb(248 113 113 / 15%);--color-success-bg: rgb(74 222 128 / 15%);--color-warning-bg: rgb(251 191 36 / 15%);--color-info-bg: rgb(56 189 248 / 15%)}:root{--font-family-base: "Inter", "Helvetica Neue", sans-serif;--font-family-heading: "Sora", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em}:root{--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--section-gap: var(--space-16);--container-padding: var(--space-6)}:root{--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-flip: .5s ease-out;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-flip: 0ms}}:root{--touch-target-min: 44px;--nav-height: 64px;--footer-height: 48px;--container-max-sm: 640px;--container-max-md: 768px;--container-max-lg: 1024px;--container-max-xl: 1280px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgb(0 0 0 / 30%);--shadow-md: 0 4px 12px rgb(0 0 0 / 40%);--shadow-lg: 0 8px 32px rgb(0 0 0 / 40%);--shadow-glow: 0 0 24px rgb(168 85 247 / 25%);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;scroll-padding-top:var(--nav-height)}.m2s2-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}.m2s2-container-fluid{width:100%;padding-inline:var(--space-4)}.m2s2-section{padding:var(--space-12) 0}.m2s2-section--surface{background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.m2s2-section--subtle{border-bottom:1px solid var(--color-border-subtle)}.m2s2-section--compact{padding:var(--space-8) 0}:root[data-theme=light]{color-scheme:light;--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: #ede9fe;--color-surface-overlay: #ddd6fe;--color-nav-bg: var(--purple-950);--color-nav-hover-bg: var(--purple-900);--color-nav-active-bg: #5b21b6;--color-nav-dropdown-bg: #1e1030;--color-on-bg: #1a0030;--color-on-surface: #1e0a36;--color-on-surface-muted: var(--neutral-500);--color-on-nav: var(--neutral-50);--color-primary: var(--purple-700);--color-primary-vivid: var(--purple-800);--color-primary-dim: var(--purple-900);--color-on-primary: var(--neutral-0);--color-secondary: var(--cyan-900);--color-secondary-dim: var(--cyan-800);--color-on-secondary: var(--neutral-0);--color-border: var(--neutral-300);--color-border-subtle: var(--neutral-300);--color-scrollbar: var(--purple-700);--color-scrollbar-hover: var(--purple-800);--gradient-brand: linear-gradient(90deg, var(--purple-800) 0%, var(--purple-700) 50%, var(--cyan-900) 100%);--gradient-brand-135: linear-gradient(135deg, var(--purple-800) 0%, var(--cyan-900) 100%);--gradient-nav-bar: linear-gradient(90deg, rgb(64 6 144 / 100%) 0%, rgb(109 7 152 / 100%) 62%, rgb(0 212 255 / 100%) 100%);--color-error: var(--red-700);--color-success: var(--green-700);--color-warning: var(--yellow-700);--color-info: var(--blue-700);--color-error-bg: rgb(185 28 28 / 12%);--color-success-bg: rgb(21 128 61 / 12%);--color-warning-bg: rgb(180 83 9 / 12%);--color-info-bg: rgb(3 105 161 / 12%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: #ede9fe;--color-surface-overlay: #ddd6fe;--color-nav-bg: var(--purple-950);--color-nav-hover-bg: var(--purple-900);--color-nav-active-bg: #5b21b6;--color-nav-dropdown-bg: #1e1030;--color-on-bg: #1a0030;--color-on-surface: #1e0a36;--color-on-surface-muted: var(--neutral-500);--color-on-nav: var(--neutral-50);--color-primary: var(--purple-700);--color-primary-vivid: var(--purple-800);--color-primary-dim: var(--purple-900);--color-on-primary: var(--neutral-0);--color-secondary: var(--cyan-900);--color-secondary-dim: var(--cyan-800);--color-on-secondary: var(--neutral-0);--color-border: var(--neutral-300);--color-border-subtle: var(--neutral-300);--color-scrollbar: var(--purple-700);--color-scrollbar-hover: var(--purple-800);--gradient-brand: linear-gradient(90deg, var(--purple-800) 0%, var(--purple-700) 50%, var(--cyan-900) 100%);--gradient-brand-135: linear-gradient(135deg, var(--purple-800) 0%, var(--cyan-900) 100%);--gradient-nav-bar: linear-gradient(90deg, rgb(64 6 144 / 100%) 0%, rgb(109 7 152 / 100%) 62%, rgb(0 212 255 / 100%) 100%);--color-error: var(--red-700);--color-success: var(--green-700);--color-warning: var(--yellow-700);--color-info: var(--blue-700);--color-error-bg: rgb(185 28 28 / 12%);--color-success-bg: rgb(21 128 61 / 12%);--color-warning-bg: rgb(180 83 9 / 12%);--color-info-bg: rgb(3 105 161 / 12%)}}.m2s2-dialog-panel .mat-mdc-dialog-surface{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;box-shadow:0 24px 64px #00000080!important;color:var(--color-on-surface);overflow:hidden;padding:0!important}@keyframes m2s2-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes m2s2-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.m2s2-panel-overlay .mat-mdc-dialog-surface{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:0!important;box-shadow:-8px 0 48px #0006!important;color:var(--color-on-surface);overflow:hidden;padding:0!important;display:flex;flex-direction:column;height:100%}.m2s2-panel--right .mat-mdc-dialog-surface{animation:m2s2-slide-in-right .25s cubic-bezier(.16,1,.3,1)}.m2s2-panel--left .mat-mdc-dialog-surface{animation:m2s2-slide-in-left .25s cubic-bezier(.16,1,.3,1);box-shadow:8px 0 48px #0006!important}.cdk-overlay-backdrop.cdk-overlay-dark-backdrop{background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.m2s2-chat{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none}.m2s2-chat>*{pointer-events:all}.chat-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-toggle:hover:not(:disabled){opacity:.85}.chat-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-toggle{background:var(--gradient-brand-135);color:#fff;border-color:transparent;width:52px;height:52px;border-radius:50%;padding:0;box-shadow:var(--shadow-md);flex-shrink:0}.chat-panel{display:flex;flex-direction:column;width:380px;max-height:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:480px){.chat-panel{width:calc(100vw - var(--space-8));max-height:70vh}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface-raised);gap:var(--space-3)}.chat-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3;font-size:var(--font-size-base);margin:0}.chat-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5;margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.chat-empty{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;text-align:center;padding:var(--space-6) 0;margin:0}.chat-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;align-self:flex-end}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--assistant{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-on-surface-muted)}.chat-avatar--user{background:var(--color-primary-dim, var(--color-primary));color:#fff}.chat-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:90%}.chat-message--user{align-self:flex-end}.chat-message--user .chat-message__text{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md) var(--radius-md) 2px var(--radius-md)}.chat-message--assistant{align-self:flex-start}.chat-message--assistant .chat-message__text{background:var(--color-surface-raised);color:var(--color-on-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-message__text{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 2px}.chat-typing span{display:block;width:6px;height:6px;border-radius:50%;background:var(--color-on-surface-muted);animation:chat-bounce 1.2s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.chat-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-raised);text-align:center}.chat-cta__text{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs);margin:0}.chat-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.chat-cta__btn:hover:not(:disabled){opacity:.85}.chat-cta__btn:disabled{opacity:.5;cursor:not-allowed}.chat-cta__btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-5);text-decoration:none}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.chat-input::placeholder{color:var(--color-on-surface-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.5}.chat-input{resize:none;max-height:120px;overflow-y:auto;line-height:1.5;padding:var(--space-2) var(--space-3)}.chat-send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-send:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.chat-send{background:var(--gradient-brand-135);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.chat-send:hover:not(:disabled){opacity:.85}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{font-size:var(--font-size-xs);color:var(--color-error);padding:0 var(--space-4) var(--space-2);margin:0}.m2s2-section-header{display:block;text-align:center;margin-bottom:var(--space-8)}.sh-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin:0 0 var(--space-2)}.sh-subtitle{font-size:var(--font-size-lg);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.sr-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.sr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);padding:0 var(--space-4)}.sr-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:1}.sr-label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.sr-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.m2s2-status-badge{display:inline-block;width:fit-content;padding:2px var(--space-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.m2s2-status-badge[data-variant=pill]{padding:var(--space-1) var(--space-3);border-radius:999px}.m2s2-status-badge[data-status=received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=reviewing]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=in_conversation]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=closed]{background:#9ca3af26;color:#9ca3af}.m2s2-status-badge[data-status=cancelled]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=resume-received]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=resume-pending]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-status-badge[data-status=resume-approved]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=resume-declined]{background:var(--color-error-bg);color:var(--color-error)}.m2s2-status-badge[data-status=auth]{background:#a78bfa26;color:#a78bfa}.m2s2-status-badge[data-status=signup]{background:#60a5fa26;color:#60a5fa}.m2s2-status-badge[data-status=verified]{background:var(--color-success-bg);color:var(--color-success)}.m2s2-status-badge[data-status=unverified]{background:var(--color-warning-bg);color:var(--color-warning)}.m2s2-page-header{display:block;text-align:center;margin-bottom:var(--space-12)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0 0 var(--space-4)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}}.page-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0}@media(max-width:767px){.page-subtitle{font-size:var(--font-size-base)}}.m2s2-cta-section{padding:var(--space-12) 0}.cta-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid transparent;border-image:var(--gradient-brand) 1;text-align:center}@media(min-width:768px){.cta-card{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-8) var(--space-10);gap:var(--space-8)}}.cta-text{display:flex;flex-direction:column;gap:var(--space-3)}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-bg);margin:0}@media(min-width:768px){.cta-title{font-size:var(--font-size-2xl)}}.cta-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted);margin:0;max-width:540px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.cta-btn:hover:not(:disabled){opacity:.85}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-8);border-radius:var(--radius-sm, 6px);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background:var(--gradient-brand-135);color:#fff}.cta-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn{flex-shrink:0}.ps-steps{display:flex;align-items:flex-start;gap:var(--space-2);list-style:none;padding:0;margin:0}@media(max-width:991px){.ps-steps{flex-direction:column;gap:var(--space-4)}}.ps-step{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-raised);border-radius:8px}@media(max-width:991px){.ps-step{width:100%}}.ps-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-secondary)}.ps-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-on-bg)}.ps-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-on-surface-muted)}.ps-divider{display:flex;align-items:center;padding-top:var(--space-6);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0;list-style:none}@media(max-width:991px){.ps-divider{display:none}}.m2s2-footer{width:100%;min-height:var(--footer-height, 48px);background-color:var(--color-nav-bg);color:var(--color-on-nav);border-top:2px solid transparent;border-image:var(--gradient-brand) 1}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:center;min-height:var(--footer-height, 48px)}@media(min-width:576px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding:var(--space-2) var(--space-6)}}.footer-copy{font-size:var(--font-size-sm);opacity:.85}.footer-social{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:1;transform:translateY(-2px)}.social-icon{width:24px;height:24px;flex-shrink:0;fill:currentcolor;color:var(--color-secondary)}.navbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--nav-height, 64px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 0 var(--color-primary-dim);transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,backdrop-filter .2s ease,transform .3s ease}.navbar--scrolled{background:color-mix(in srgb,var(--color-nav-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--color-primary-dim),0 4px 24px #00000059}.navbar--hidden{transform:translateY(-100%)}.navbar--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav, 100)}.navbar-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-brand-logo{height:48px;width:auto}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-nav)}.navbar-spacer{flex:1}.navbar-desktop{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:991px){.navbar-desktop{display:none}}.navbar-nav-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;letter-spacing:.02em;transition:color var(--transition-fast),background var(--transition-fast)}.navbar-nav-btn:hover{color:var(--color-secondary);background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08))}.navbar-nav-btn--dropdown{gap:var(--space-1)}.navbar-chevron{font-size:.7em;opacity:.7}.navbar-dropdown-wrap{position:relative}.navbar-dropdown-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;z-index:var(--z-dropdown, 200);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-dropdown-user{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);border-bottom:1px solid var(--color-border);pointer-events:none}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-on-surface);text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--transition-fast)}.navbar-dropdown-item:hover{background:var(--color-surface-raised)}.navbar-dropdown-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-icon-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-icon-btn{color:var(--color-on-nav)}.navbar-icon-btn:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-dim);display:block}.navbar-account-icon{width:24px;height:24px}.navbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.navbar-mobile-btn{color:var(--color-on-nav);display:none}@media(max-width:991px){.navbar-mobile-btn{display:flex}}.navbar-hamburger{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.navbar-hamburger:before,.navbar-hamburger:after{content:"";display:block;width:20px;height:2px;background:currentColor;position:absolute;left:0;transition:transform var(--transition-fast),top var(--transition-fast)}.navbar-hamburger:before{top:-6px}.navbar-hamburger:after{top:6px}.navbar-hamburger--open{background:transparent}.navbar-hamburger--open:before{top:0;transform:rotate(45deg)}.navbar-hamburger--open:after{top:0;transform:rotate(-45deg)}.navbar-mobile-menu{position:fixed;top:var(--nav-height, 64px);left:0;right:0;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-nav, 100);padding:var(--space-2) 0}.navbar-mobile-link{display:block;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-on-nav);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-mobile-link:hover{background:var(--color-nav-hover-bg, rgba(255, 255, 255, .08));color:var(--color-secondary)}.m2s2-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-card{padding:var(--space-8) var(--space-10)}@media(max-width:767px){.m2s2-card{padding:var(--space-6) var(--space-5)}}.m2s2-card.featured{border-color:var(--color-primary);background:var(--color-surface-raised)}.m2s2-card[data-variant=raised]{background:var(--color-surface-raised)}.m2s2-card[data-variant=accent]{background:var(--color-surface-raised);border-left:3px solid var(--color-primary);border-radius:10px}.fc-header{display:flex;align-items:center;gap:var(--space-3)}.fc-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.fc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0}.fc-body{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.fc-list{padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.fc-list li{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.fc-note{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);font-style:italic;margin:0}.m2s2-blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),transform var(--transition-base)}.m2s2-blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.m2s2-blog-card{padding:0;overflow:hidden}.bc-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-raised);flex-shrink:0}.bc-cover-img{width:100%;height:100%;object-fit:cover}.bc-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bc-cover-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-muted)}.bc-inner{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.bc-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.bc-reading-time{opacity:.8}.bc-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-bg);margin:0;line-height:1.3}.bc-title a{color:inherit;text-decoration:none}.bc-title a:hover{color:var(--color-secondary)}.bc-summary{font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:var(--line-height-relaxed);margin:0}.bc-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:4px;background:var(--color-surface-raised);color:var(--color-on-surface-muted);border:1px solid var(--color-border)}.be-root{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.be-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);padding:var(--space-6);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.be-meta{grid-template-columns:1fr}}.be-field{display:flex;flex-direction:column;gap:var(--space-2)}.be-field--full,.be-field--cover{grid-column:1/-1}.be-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em}.be-required{color:var(--color-error);margin-left:2px}.be-optional{color:var(--color-on-surface-muted);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:0}.be-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.be-input::placeholder{color:var(--color-on-surface-muted)}.be-input:focus{outline:none;border-color:var(--color-primary)}.be-input:disabled{opacity:.5}.be-input--textarea{resize:vertical;line-height:1.6}.be-input--narrow{width:100px}.be-input--select{cursor:pointer}.be-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.be-tags:focus-within{border-color:var(--color-primary)}.be-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-dim, var(--color-primary));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.be-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-tag__remove:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-tag__remove{color:#fff;background:none;border-radius:50%;font-size:12px;line-height:1;padding:0}.be-tag__remove:hover{background:#fff3;color:#fff}.be-tag-input{flex:1;min-width:120px;border:none;background:none;outline:none;color:var(--color-on-surface);font-size:var(--font-size-sm)}.be-tag-input::placeholder{color:var(--color-on-surface-muted)}.be-field-group-label{grid-column:1/-1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.be-field--narrow-pair{display:flex;gap:var(--space-4)}.be-field--narrow-pair>div{display:flex;flex-direction:column;gap:var(--space-2)}.be-cover{display:flex;align-items:center;gap:var(--space-4)}.be-cover__preview{width:120px;height:72px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.be-cover__pick{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-cover__pick:hover:not(:disabled){opacity:.85}.be-cover__pick:disabled{opacity:.5;cursor:not-allowed}.be-cover__pick{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.be-cover__pick:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.be-cover__pick{cursor:pointer;font-size:var(--font-size-sm)}.be-editor{display:flex;flex-direction:column;flex:1;min-height:520px}.be-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.be-toolbar__btn:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.be-toolbar__btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);border-radius:var(--radius-sm)}.be-panes{display:grid;grid-template-columns:1fr 1fr;flex:1}@media(max-width:768px){.be-panes{grid-template-columns:1fr}}.be-pane{display:flex;flex-direction:column;overflow:hidden}.be-pane--write{border-right:1px solid var(--color-border)}@media(max-width:768px){.be-pane--write{border-right:none;border-bottom:1px solid var(--color-border)}}.be-pane__label{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0}.be-pane__textarea{flex:1;width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:none;outline:none;resize:none;color:var(--color-on-surface);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:1.8;-moz-tab-size:2;tab-size:2}.be-pane__textarea::placeholder{color:var(--color-on-surface-muted)}.be-pane__preview{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6)}.prose{color:var(--color-on-surface);font-size:var(--font-size-base);line-height:1.8;max-width:none}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.prose h2{font-size:var(--font-size-xl)}.prose h3{font-size:var(--font-size-lg)}.prose h4{font-size:var(--font-size-base)}.prose p{margin:0 0 var(--space-4)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-mono, monospace);font-size:.875em;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;margin:0 0 var(--space-4)}.prose pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm)}.prose blockquote{border-left:3px solid var(--color-primary);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-muted);font-style:italic}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.be-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;background:var(--color-surface-raised)}.be-footer__meta{margin:0 auto 0 0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6;font-size:var(--font-size-xs)}.be-publish{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.be-publish:hover:not(:disabled){opacity:.85}.be-publish:disabled{opacity:.5;cursor:not-allowed}.be-publish{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.be-publish:disabled{opacity:.4;cursor:not-allowed}.table-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dt-empty{padding:var(--space-10);text-align:center;color:var(--color-on-surface-muted);font-size:var(--font-size-sm);margin:0}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.dt-search::placeholder{color:var(--color-on-surface-muted)}.dt-search:focus{outline:none;border-color:var(--color-primary)}.dt-search{width:200px;flex-shrink:0}.dt-search::-webkit-search-cancel-button{cursor:pointer}.dt-pills{display:flex;gap:var(--space-1);flex-wrap:wrap}.dt-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-pill:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-pill--active{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.dt-count{font-size:var(--font-size-xs);color:var(--color-on-surface-muted);white-space:nowrap;margin-right:auto}.dt-col-wrap{position:relative;margin-left:auto}.dt-col-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.dt-col-btn:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.dt-col-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md);position:absolute;right:0;top:calc(100% + var(--space-1));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-dropdown);min-width:140px}.dt-col-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-on-surface);cursor:pointer}.dt-col-check input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.dt-scroll{overflow-x:auto}@media(max-width:767px){.dt-search{width:100%}.dt-scroll{overflow-x:visible}}.sub-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.sub-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-on-surface-muted);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.sub-input::placeholder{color:var(--color-on-surface-muted)}.sub-input:focus{outline:none;border-color:var(--color-primary)}.sub-input:disabled{opacity:.5}.sub-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn:hover:not(:disabled){opacity:.85}.sub-btn:disabled{opacity:.5;cursor:not-allowed}.sub-btn{background:var(--gradient-brand-135);color:#fff;border-color:transparent;padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-semibold)}.sub-btn--unsub{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sub-btn--unsub:hover:not(:disabled){opacity:.85}.sub-btn--unsub:disabled{opacity:.5;cursor:not-allowed}.sub-btn--unsub{background:none;border:1px solid var(--color-on-surface-muted);color:var(--color-on-surface-muted);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.sub-btn--unsub:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);opacity:1}.sub-feedback{font-size:var(--font-size-xs);margin:0}.sub-feedback--error{color:var(--color-error)}.sub-feedback--success{color:var(--color-success)}.sub-success{display:flex;align-items:center;gap:var(--space-3)}.sub-success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-base);flex-shrink:0}.sub-success-text{font-size:var(--font-size-sm);color:var(--color-on-surface);margin:0}.sub-auth{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.sub-subscribed-label{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.m2s2-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.m2s2-dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:min(480px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.dialog-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.dialog-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.dialog-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn:hover:not(:disabled){opacity:.85}.dialog-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--primary:hover:not(:disabled){opacity:.85}.dialog-btn--primary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.dialog-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--secondary:hover:not(:disabled){opacity:.85}.dialog-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.dialog-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.dialog-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--destructive:hover:not(:disabled){opacity:.85}.dialog-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.dialog-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dialog-btn--ghost:hover:not(:disabled){opacity:.85}.dialog-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.dialog-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.dialog-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .2s ease}.dialog-fade-enter-active .m2s2-dialog-content,.dialog-fade-leave-active .m2s2-dialog-content{transition:transform .2s ease,opacity .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .m2s2-dialog-content,.dialog-fade-leave-to .m2s2-dialog-content{transform:scale(.96);opacity:0}.m2s2-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:var(--z-modal, 300)}.m2s2-panel-content{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 300);width:min(var(--panel-width, 480px),100vw);max-width:100vw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.m2s2-panel-content--right{right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.m2s2-panel-content--left{left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:flex-start}.panel-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.panel-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);line-height:1.3}.panel-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.5}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;color:var(--color-on-surface-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.panel-close:hover{background:var(--color-surface-raised);color:var(--color-on-surface)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.panel-message{margin:0;font-size:var(--font-size-sm);color:var(--color-on-surface-muted);line-height:1.6}.panel-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.panel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn:hover:not(:disabled){opacity:.85}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--primary:hover:not(:disabled){opacity:.85}.panel-btn--primary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--primary{background:var(--gradient-brand-135);color:#fff;border-color:transparent}.panel-btn--secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--secondary:hover:not(:disabled){opacity:.85}.panel-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.panel-btn--secondary{background:linear-gradient(var(--color-surface-raised),var(--color-surface-raised)) padding-box,var(--gradient-brand-135) border-box;border:1px solid transparent;color:var(--color-secondary)}.panel-btn--secondary:hover:not(:disabled){background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-brand-135) border-box;opacity:1}.panel-btn--destructive{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--destructive:hover:not(:disabled){opacity:.85}.panel-btn--destructive:disabled{opacity:.5;cursor:not-allowed}.panel-btn--destructive{background:#dc2626;color:#fff;border-color:transparent}.panel-btn--ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.panel-btn--ghost:hover:not(:disabled){opacity:.85}.panel-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.panel-btn--ghost{background:var(--color-surface-raised);color:var(--color-on-surface);border-color:var(--color-primary-dim, var(--color-primary))}.panel-btn--ghost:hover:not(:disabled){background:var(--color-surface);opacity:1}.panel-overlay-fade-enter-active,.panel-overlay-fade-leave-active{transition:opacity .2s ease}.panel-overlay-fade-enter-from,.panel-overlay-fade-leave-to{opacity:0}.panel-slide-right-enter-active,.panel-slide-right-leave-active{transition:transform .22s ease}.panel-slide-right-enter-from,.panel-slide-right-leave-to{transform:translate(100%)}.panel-slide-left-enter-active,.panel-slide-left-leave-active{transition:transform .22s ease}.panel-slide-left-enter-from,.panel-slide-left-leave-to{transform:translate(-100%)}@keyframes m2s2-spin{to{transform:rotate(360deg)}}.m2s2-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:m2s2-spin .6s linear infinite;vertical-align:middle;margin-right:6px;opacity:.8;flex-shrink:0}.m2s2-dropdown__item{display:block}.m2s2-dropdown__link{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.m2s2-dropdown__link:hover{background:var(--color-surface-overlay);color:var(--color-secondary)}.m2s2-dropdown__link--disabled{opacity:.5;cursor:not-allowed}.m2s2-dropdown__link img{width:20px;height:20px;object-fit:contain}.m2s2-dropdown{position:relative;display:inline-block}.m2s2-dropdown__trigger{cursor:pointer}.m2s2-dropdown__menu{position:absolute;top:calc(100% + 4px);z-index:var(--z-dropdown, 200);min-width:160px;padding:4px 0;list-style:none;margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000004d}.m2s2-dropdown__menu--left{left:0}.m2s2-dropdown__menu--right{right:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m2s2/vue-lib",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "Vue 3 component library by M²S² Engineering Group.",
   "author": "M²S² Engineering Group <contact@m2s2.io>",
   "license": "MIT",

package/dist/index26.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("vue"),oe=require("./index76.cjs"),p=require("./index77.cjs"),se=require("./index78.cjs"),ie={class:"be-root"},re={class:"be-meta"},de={class:"be-field be-field--full"},ue=["value"],ce={class:"be-field"},ve={class:"be-field"},me={class:"be-field be-field--full"},be={class:"be-field be-field--full"},pe={class:"be-field"},fe={class:"be-tags"},Ve=["aria-label","onClick"],ge={class:"be-field"},Ee={class:"be-field be-field--cover"},Ne={class:"be-cover"},xe=["src"],we={class:"be-cover__pick"},ke={class:"be-field"},Te={class:"be-field"},_e={class:"be-field be-field--narrow-pair"},ye={class:"be-editor"},Pe={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},he=["title","onClick"],De={class:"be-panes"},Ce={class:"be-pane be-pane--write"},Ie=["value"],Se={class:"be-pane be-pane--preview"},Be=["innerHTML"],Ue={class:"be-footer"},Me={class:"be-footer__meta"},Le=["disabled"],Re=e.defineComponent({__name:"BlogEditor",props:{initialPost:{default:void 0},coverImageUrl:{default:void 0}},emits:["publish","coverImageSelected"],setup(J,{emit:Q}){var C,I,S,B,U,M,L,R,q,F,O,A,$,H,G,K,W;const n=J,P=Q,d=e.ref(((C=n.initialPost)==null?void 0:C.title)??""),c=e.ref(((I=n.initialPost)==null?void 0:I.slug)??""),f=e.ref(((S=n.initialPost)==null?void 0:S.date)??p.todayAsIsoDate()),v=e.ref(((B=n.initialPost)==null?void 0:B.summary)??""),V=e.ref(((U=n.initialPost)==null?void 0:U.excerpt)??""),o=e.ref([...((M=n.initialPost)==null?void 0:M.tags)??[]]),u=e.ref(((L=n.initialPost)==null?void 0:L.readingTime)??1),r=e.ref(((R=n.initialPost)==null?void 0:R.content)??""),g=e.ref((q=n.initialPost)==null?void 0:q.coverImage),m=e.ref(""),_=e.ref(!!n.initialPost),h=e.ref(null),E=e.ref(((O=(F=n.initialPost)==null?void 0:F.series)==null?void 0:O.id)??""),N=e.ref((($=(A=n.initialPost)==null?void 0:A.series)==null?void 0:$.title)??""),x=e.ref(((G=(H=n.initialPost)==null?void 0:H.series)==null?void 0:G.part)??1),w=e.ref(((W=(K=n.initialPost)==null?void 0:K.series)==null?void 0:W.total)??1);e.watch(()=>n.initialPost,a=>{var t,l,s,i;a&&(d.value=a.title,c.value=a.slug,f.value=a.date,v.value=a.summary,V.value=a.excerpt??"",o.value=[...a.tags],u.value=a.readingTime??1,r.value=a.content,g.value=a.coverImage,E.value=((t=a.series)==null?void 0:t.id)??"",N.value=((l=a.series)==null?void 0:l.title)??"",x.value=((s=a.series)==null?void 0:s.part)??1,w.value=((i=a.series)==null?void 0:i.total)??1,_.value=!0)});const X=e.computed(()=>oe.marked.parse(r.value)),D=e.computed(()=>d.value.trim().length>0&&v.value.trim().length>0&&r.value.trim().length>0),y=e.computed(()=>g.value??n.coverImageUrl);function Y(a){d.value=a.target.value,_.value||(c.value=p.generateSlug(d.value)),u.value=p.calcReadingTime(r.value)}function Z(a){r.value=a.target.value,u.value=p.calcReadingTime(r.value)}function ee(a){if(a.key==="Enter"||a.key===","){a.preventDefault();const t=m.value.trim().replace(/,/g,"").toLowerCase();t&&!o.value.includes(t)&&(o.value=[...o.value,t]),m.value=""}a.key==="Backspace"&&!m.value&&o.value.length&&(o.value=o.value.slice(0,-1))}function te(a){o.value=o.value.filter(t=>t!==a)}function le(a){var s;const t=(s=a.target.files)==null?void 0:s[0];if(!t)return;P("coverImageSelected",t);const l=new FileReader;l.onload=()=>{g.value=l.result},l.readAsDataURL(t)}function ae(a){const t=h.value;if(!t)return;const l=t.selectionStart,s=t.selectionEnd,i=r.value;let k,T;if(a.wrap){const[b,j]=a.wrap,z=i.slice(l,s)||"text";k=i.slice(0,l)+b+z+j+i.slice(s),T=l+b.length+z.length+j.length}else if(a.prefix){const b=i.lastIndexOf(`
-`,l-1)+1;k=i.slice(0,b)+a.prefix+i.slice(b),T=l+a.prefix.length}else if(a.block)k=i.slice(0,l)+a.block+i.slice(s),T=l+a.block.length;else return;r.value=k,setTimeout(()=>{t.selectionStart=t.selectionEnd=T,t.focus()},0)}function ne(){if(!D.value)return;const a=E.value.trim();P("publish",{title:d.value,slug:c.value||p.generateSlug(d.value),date:f.value,summary:v.value,excerpt:V.value||void 0,tags:o.value,readingTime:u.value,content:r.value,coverImage:n.coverImageUrl??g.value,series:a?{id:a,title:N.value.trim()||a,part:x.value,total:w.value}:void 0})}return(a,t)=>(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("section",re,[e.createElementVNode("div",de,[t[11]||(t[11]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Title "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.createElementVNode("input",{class:"be-input",type:"text",value:d.value,placeholder:"Post title…",onInput:Y},null,40,ue)]),e.createElementVNode("div",ce,[t[12]||(t[12]=e.createElementVNode("label",{class:"be-label"},"Slug",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=l=>c.value=l),class:"be-input",type:"text",placeholder:"post-slug",onInput:t[1]||(t[1]=l=>_.value=!0)},null,544),[[e.vModelText,c.value]])]),e.createElementVNode("div",ve,[t[13]||(t[13]=e.createElementVNode("label",{class:"be-label"},"Date",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[2]||(t[2]=l=>f.value=l),class:"be-input",type:"date"},null,512),[[e.vModelText,f.value]])]),e.createElementVNode("div",me,[t[14]||(t[14]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Summary "),e.createElementVNode("span",{class:"be-required"},"*")],-1)),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":t[3]||(t[3]=l=>v.value=l),class:"be-input be-input--textarea",rows:"2",placeholder:"Short description shown in blog listings…"},null,512),[[e.vModelText,v.value]])]),e.createElementVNode("div",be,[t[15]||(t[15]=e.createElementVNode("label",{class:"be-label"},[e.createTextVNode("Excerpt "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":t[4]||(t[4]=l=>V.value=l),class:"be-input be-input--textarea",rows:"2",placeholder:"Longer teaser for social previews…"},null,512),[[e.vModelText,V.value]])]),e.createElementVNode("div",pe,[t[16]||(t[16]=e.createElementVNode("label",{class:"be-label"},"Tags",-1)),e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,l=>(e.openBlock(),e.createElementBlock("span",{key:l,class:"be-tag"},[e.createTextVNode(e.toDisplayString(l)+" ",1),e.createElementVNode("button",{type:"button",class:"be-tag__remove","aria-label":`Remove tag ${l}`,onClick:s=>te(l)},"×",8,Ve)]))),128)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[5]||(t[5]=l=>m.value=l),class:"be-tag-input",type:"text",placeholder:"Add tag, press Enter…",onKeydown:ee},null,544),[[e.vModelText,m.value]])])]),e.createElementVNode("div",ge,[t[17]||(t[17]=e.createElementVNode("label",{class:"be-label"},"Reading time (min)",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[6]||(t[6]=l=>u.value=l),class:"be-input be-input--narrow",type:"number",min:"1"},null,512),[[e.vModelText,u.value,void 0,{number:!0}]])]),e.createElementVNode("div",Ee,[t[18]||(t[18]=e.createElementVNode("label",{class:"be-label"},"Cover Image",-1)),e.createElementVNode("div",Ne,[y.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:"be-cover__preview",src:y.value,alt:"Cover preview"},null,8,xe)):e.createCommentVNode("",!0),e.createElementVNode("label",we,[e.createTextVNode(e.toDisplayString(y.value?"Replace":"Choose image")+" ",1),e.createElementVNode("input",{type:"file",accept:"image/*",hidden:"",onChange:le},null,32)])])]),t[23]||(t[23]=e.createElementVNode("div",{class:"be-field-group-label"},[e.createTextVNode(" Series "),e.createElementVNode("span",{class:"be-optional"},"(optional)")],-1)),e.createElementVNode("div",ke,[t[19]||(t[19]=e.createElementVNode("label",{class:"be-label"},"Series ID",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[7]||(t[7]=l=>E.value=l),class:"be-input",type:"text",placeholder:"e.g. go-backend"},null,512),[[e.vModelText,E.value]])]),e.createElementVNode("div",Te,[t[20]||(t[20]=e.createElementVNode("label",{class:"be-label"},"Series Title",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[8]||(t[8]=l=>N.value=l),class:"be-input",type:"text",placeholder:"e.g. Go Backend Series"},null,512),[[e.vModelText,N.value]])]),e.createElementVNode("div",_e,[e.createElementVNode("div",null,[t[21]||(t[21]=e.createElementVNode("label",{class:"be-label"},"Part",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[9]||(t[9]=l=>x.value=l),class:"be-input be-input--narrow",type:"number",min:"1"},null,512),[[e.vModelText,x.value,void 0,{number:!0}]])]),e.createElementVNode("div",null,[t[22]||(t[22]=e.createElementVNode("label",{class:"be-label"},"Total Parts",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[10]||(t[10]=l=>w.value=l),class:"be-input be-input--narrow",type:"number",min:"1"},null,512),[[e.vModelText,w.value,void 0,{number:!0}]])])])]),e.createElementVNode("section",ye,[e.createElementVNode("div",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(se.BLOG_EDITOR_TOOLBAR),l=>(e.openBlock(),e.createElementBlock("button",{key:l.label,type:"button",class:"be-toolbar__btn",title:l.label,onClick:s=>ae(l)},e.toDisplayString(l.icon),9,he))),128))]),e.createElementVNode("div",De,[e.createElementVNode("div",Ce,[t[24]||(t[24]=e.createElementVNode("div",{class:"be-pane__label"}," Markdown ",-1)),e.createElementVNode("textarea",{ref_key:"textareaEl",ref:h,class:"be-pane__textarea",value:r.value,placeholder:"Write your post in markdown…",spellcheck:"true",onInput:Z},null,40,Ie)]),e.createElementVNode("div",Se,[t[25]||(t[25]=e.createElementVNode("div",{class:"be-pane__label"}," Preview ",-1)),e.createElementVNode("div",{class:"be-pane__preview prose",innerHTML:X.value},null,8,Be)])])]),e.createElementVNode("footer",Ue,[e.createElementVNode("span",Me,"~"+e.toDisplayString(u.value)+" min read",1),e.createElementVNode("button",{type:"button",class:"be-publish",disabled:!D.value,onClick:ne}," Publish Post ",8,Le)])]))}});module.exports=Re;