:root{--bg: #0f172a;--panel: rgba(255, 255, 255, .07);--card: rgba(255, 255, 255, .06);--text: #e2e8f0;--muted: #94a3b8;--nav-hover: rgba(255, 255, 255, .08);--nav-active: rgba(255, 255, 255, .12);--popover-bg: rgba(15, 23, 42, .95);--dialog-bg: #0f172a;--overlay: rgba(0, 0, 0, .6);--border-strong: rgba(255, 255, 255, .1);--accent: #a855f7;--accent-2: #22d3ee;--success: #10b981;--danger: #f43f5e;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius-lg: 24px;--radius-sm: 12px;--space: 16px;--font-sans: "Manrope", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(34,211,238,.12),transparent 35%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.14),transparent 32%),linear-gradient(145deg,#0b1227,#0f172a 55%,#0b1022);padding:24px 18px 64px}body.theme-sunrise{--text: #0a0f1f;--muted: #243047;--print-bg: #f8fafc;--print-text: #0a0f1f;--print-muted: #1f2937;--popover-bg: rgba(255, 255, 255, .96);--dialog-bg: rgba(255, 255, 255, .96);--overlay: rgba(15, 23, 42, .35);--border-strong: #cbd5e1;--nav-hover: rgba(15, 23, 42, .05);--nav-active: rgba(15, 23, 42, .08);color:var(--text);background:linear-gradient(145deg,#f6f7fb,#e7ecf5,#d9e2f0)}body.theme-sunrise .app-shell,body.theme-sunrise .card,body.theme-sunrise .print-panel,body.theme-sunrise .nav-bar{background:#ffffffe6;color:var(--text)}body.theme-sunrise .nav-links button,body.theme-sunrise .subtitle,body.theme-sunrise .brand-sub{color:var(--muted)}body.theme-sunrise .badge{background:#22d3ee29;color:var(--text)}body.theme-sunrise .btn-primary{border:1px solid #cbd5e1;background:linear-gradient(120deg,#f8fafc,#e2e8f0);color:var(--text)}body.theme-sunrise .btn-ghost{border:1px solid #cbd5e1;color:var(--text);background:#0f172a0a}body.theme-sunrise .entry,body.theme-sunrise .attachment-chip,body.theme-sunrise .print-sheet,body.theme-sunrise .media-card{background:#f8fafc;color:var(--text);border-color:#cbd5e1}body.theme-sunrise .entry-date,body.theme-sunrise .entry-content,body.theme-sunrise .entry-title{color:var(--text)}body.theme-myspace{color:#dbeafe;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.25),transparent 30%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.25),transparent 32%),linear-gradient(135deg,#0a0a0a,#0f172a 60%,#0b1120);--nav-hover: rgba(59, 130, 246, .12);--nav-active: rgba(59, 130, 246, .2);--print-bg: #0e162b;--print-text: #e2e8f0;--print-muted: #cbd5e1}body.theme-myspace .app-shell,body.theme-myspace .card,body.theme-myspace .print-panel,body.theme-myspace .nav-bar{background:#0a0a0ae6;border:1px solid rgba(59,130,246,.3);color:#e2e8f0}body.theme-myspace .badge{background:#3b82f640;color:#bfdbfe}body.theme-myspace .subtitle,body.theme-myspace .brand-sub,body.theme-myspace .nav-links button{color:#bfdbfe}body.theme-msn{--text: #08132d;--muted: #1a2740;--print-bg: #f5f7ff;--print-text: #08132d;--print-muted: #0f172a;--popover-bg: rgba(255, 255, 255, .97);--dialog-bg: rgba(255, 255, 255, .97);--overlay: rgba(11, 26, 60, .32);--border-strong: #b4c6fc;--nav-hover: rgba(10, 27, 60, .06);--nav-active: rgba(10, 27, 60, .1);color:var(--text);background:radial-gradient(circle at 20% 15%,rgba(59,130,246,.2),transparent 35%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.2),transparent 30%),linear-gradient(135deg,#dbeafe,#c7d2fe 40%,#c8facc 90%)}body.theme-msn .app-shell,body.theme-msn .card,body.theme-msn .print-panel,body.theme-msn .nav-bar{background:#fffffff5;border:1px solid #b4c6fc;color:var(--text);box-shadow:0 18px 45px #3b82f638}body.theme-msn .badge{background:linear-gradient(120deg,#3b82f640,#10b98140);color:#0b1120}body.theme-msn .nav-links button{color:var(--muted)}body.theme-msn .entry,body.theme-msn .attachment-chip,body.theme-msn .print-sheet,body.theme-msn .media-card{background:#f5f7ff;color:var(--text);border-color:#b4c6fc;box-shadow:0 12px 30px #3b82f62e}body.theme-msn .entry-date,body.theme-msn .entry-content,body.theme-msn .entry-title{color:var(--text)}body.theme-msn .btn-primary{background:linear-gradient(120deg,#3b82f6,#22d3ee);color:#0b1120;border:1px solid #b4c6fc}body.theme-msn .btn-ghost{border-color:#c7d2fe;color:var(--text);background:#0a1b3c0a}body.theme-kawaii .btn-primary,body.theme-kawaii .btn-ghost,body.theme-kawaii .rich-actions button,body.theme-kawaii .file-btn{border:1px solid #ffb7d5}body.theme-kawaii{--text: #2d0b1f;--muted: #511536;--print-bg: #fff8fb;--print-text: #2d0b1f;--print-muted: #511536;--popover-bg: rgba(255, 250, 252, .98);--dialog-bg: rgba(255, 250, 252, .96);--overlay: rgba(63, 18, 51, .24);--border-strong: #ffb7d5;--nav-hover: rgba(255, 182, 193, .25);--nav-active: rgba(255, 182, 193, .35);color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(255,182,193,.45),transparent 32%),radial-gradient(circle at 80% 15%,rgba(255,221,244,.6),transparent 38%),radial-gradient(circle at 60% 70%,rgba(255,230,150,.35),transparent 40%),linear-gradient(145deg,#fff1f8,#ffe0f2 45%,#fff7fb)}body.theme-kawaii .app-shell,body.theme-kawaii .card,body.theme-kawaii .print-panel,body.theme-kawaii .nav-bar{background:#fffffff2;border:1px dashed #ffb7d5;color:var(--text);box-shadow:0 18px 38px #ffaad252;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.3),transparent 45%),radial-gradient(circle at 90% 18%,rgba(255,210,236,.35),transparent 42%),radial-gradient(circle at 30% 80%,rgba(255,235,186,.25),transparent 48%)}body.theme-kawaii .badge{background:#ffb6c18c;color:var(--text);border:1px dashed #ffb7d5}body.theme-kawaii .nav-links button{color:var(--muted)}body.theme-kawaii .entry,body.theme-kawaii .attachment-chip,body.theme-kawaii .print-sheet,body.theme-kawaii .media-card{background:#fff8fb;color:#3a0f2e;border-color:#ffc4e1;box-shadow:0 12px 28px #ffaad247}body.theme-kawaii .entry-title,body.theme-kawaii .entry-content,body.theme-kawaii .entry-date{color:#3a0f2e}body.theme-kawaii .btn-primary{background:linear-gradient(120deg,#ff9ec7,#ffd6f5);color:var(--text);border:1px solid #ffb7d5}body.theme-kawaii .btn-ghost{border:1px dashed #ffb7d5;color:var(--muted);background:#ffb6c12e}body.theme-kawaii .app-shell:before,body.theme-kawaii .app-shell:after{content:"ฅ^•ﻌ•^ฅ";position:absolute;font-size:56px;opacity:.2;color:#ff9ec7;pointer-events:none}body.theme-kawaii .app-shell:before{top:14px;right:18px}body.theme-kawaii .app-shell:after{bottom:12px;left:16px;content:"☆(=^‥^=)";color:#ffb7d5}body.theme-live-messenger{--text: #0c1a33;--muted: #1f3555;--print-bg: #eef6ff;--print-text: #0c1a33;--print-muted: #1f3555;--popover-bg: rgba(255, 255, 255, .98);--dialog-bg: rgba(255, 255, 255, .97);--overlay: rgba(12, 26, 56, .35);--border-strong: #a9c5ff;--nav-hover: rgba(22, 119, 221, .08);--nav-active: rgba(22, 119, 221, .12);color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.26),transparent 36%),radial-gradient(circle at 80% 12%,rgba(22,119,221,.35),transparent 34%),linear-gradient(140deg,#e5f1ff,#d6e6ff 40%,#c7f8e4)}body.theme-live-messenger .app-shell,body.theme-live-messenger .card,body.theme-live-messenger .print-panel,body.theme-live-messenger .nav-bar{background:#fffffff5;border:1px solid #a9c5ff;color:var(--text);box-shadow:0 16px 38px #1876d233}body.theme-live-messenger .badge{background:linear-gradient(120deg,#1677dd2e,#2dd4bf3d);color:#0c1a33}body.theme-live-messenger .nav-links button{color:var(--muted)}body.theme-live-messenger .entry,body.theme-live-messenger .attachment-chip,body.theme-live-messenger .print-sheet,body.theme-live-messenger .media-card{background:#eef6ff;color:var(--text);border-color:#a9c5ff;box-shadow:0 10px 28px #1876d224}body.theme-live-messenger .entry-title,body.theme-live-messenger .entry-content,body.theme-live-messenger .entry-date{color:var(--text)}body.theme-live-messenger .btn-primary{background:linear-gradient(120deg,#1677dd,#2dd4bf);color:#f8fafc;border:1px solid #a9c5ff}body.theme-live-messenger .btn-ghost{border-color:#c7d2fe;color:var(--muted);background:#1677dd0f}body.theme-myspace-blog{--text: #111827;--muted: #374151;--print-bg: #f9fafb;--print-text: #111827;--print-muted: #4b5563;--popover-bg: rgba(255, 255, 255, .98);--dialog-bg: rgba(255, 255, 255, .97);--overlay: rgba(17, 24, 39, .38);--border-strong: #d1d5db;--nav-hover: rgba(17, 24, 39, .06);--nav-active: rgba(17, 24, 39, .1);color:var(--text);background:repeating-linear-gradient(45deg,rgba(59,130,246,.05),rgba(59,130,246,.05) 12px,transparent 12px,transparent 24px),linear-gradient(135deg,#f3f4f6,#e5e7eb 45%,#f9fafb)}body.theme-myspace-blog .app-shell,body.theme-myspace-blog .card,body.theme-myspace-blog .print-panel,body.theme-myspace-blog .nav-bar{background:#fffffff5;border:1px solid #d1d5db;color:var(--text);box-shadow:0 16px 36px #3b82f624}body.theme-myspace-blog .badge{background:#3b82f61f;color:#0f172a}body.theme-myspace-blog .nav-links button{color:var(--muted)}body.theme-myspace-blog .entry,body.theme-myspace-blog .attachment-chip,body.theme-myspace-blog .print-sheet,body.theme-myspace-blog .media-card{background:#fff;color:var(--text);border:1px solid #e5e7eb;box-shadow:0 10px 22px #11182714}body.theme-myspace-blog .entry-title{font-family:Georgia,Times New Roman,serif;color:#0f172a}body.theme-myspace-blog .entry-content,body.theme-myspace-blog .entry-date{color:var(--muted)}body.theme-myspace-blog .btn-primary{background:linear-gradient(120deg,#2563eb,#1d4ed8);color:#f8fafc;border:1px solid #1e3a8a}body.theme-myspace-blog .btn-ghost{border-color:#d1d5db;color:var(--muted);background:#3b82f614}body.theme-skyrock{--text: #e8f1ff;--muted: #cbd5f5;--print-bg: #0f172a;--print-text: #e8f1ff;--print-muted: #cbd5f5;--popover-bg: rgba(13, 18, 34, .96);--dialog-bg: rgba(13, 18, 34, .95);--overlay: rgba(0, 0, 0, .5);--border-strong: #334155;--nav-hover: rgba(79, 70, 229, .2);--nav-active: rgba(79, 70, 229, .28);color:var(--text);background:radial-gradient(circle at 25% 20%,rgba(124,58,237,.32),transparent 38%),radial-gradient(circle at 80% 12%,rgba(251,146,60,.28),transparent 36%),linear-gradient(150deg,#0b1222,#0f172a 55%,#0a1020)}body.theme-skyrock .app-shell,body.theme-skyrock .card,body.theme-skyrock .print-panel,body.theme-skyrock .nav-bar{background:#0f172ae6;border:1px solid rgba(124,58,237,.35);color:var(--text);box-shadow:0 18px 42px #0a0a148c}body.theme-skyrock .badge{background:linear-gradient(120deg,#7c3aed4d,#fb923c47);color:var(--text)}body.theme-skyrock .nav-links button{color:var(--muted)}body.theme-skyrock .entry,body.theme-skyrock .attachment-chip,body.theme-skyrock .print-sheet,body.theme-skyrock .media-card{background:#111827f2;color:var(--text);border-color:#7c3aed59;box-shadow:0 12px 30px #0000008c}body.theme-skyrock .entry-title{color:#f8fafc}body.theme-skyrock .entry-content,body.theme-skyrock .entry-date{color:var(--muted)}body.theme-skyrock .btn-primary{background:linear-gradient(120deg,#f97316,#7c3aed);color:#0b1120;border:1px solid rgba(124,58,237,.6)}body.theme-skyrock .btn-ghost{border-color:#7c3aed99;color:var(--text);background:#7c3aed1f}#root{max-width:1200px;margin:0 auto}.nav-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 8px;margin-bottom:10px;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf;z-index:5;border-radius:18px;border:1px solid rgba(255,255,255,.06)}.nav-brand{display:flex;align-items:center;gap:10px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #a855f799}.brand-title{font-weight:800;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--muted)}.menu-toggle{display:none;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text)}.nav-links{display:flex;gap:14px;align-items:center;justify-content:flex-end}.nav-links a,.nav-links button{color:var(--muted);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:12px;transition:color .15s ease,background .15s ease;background:transparent;border:none;cursor:pointer}.nav-links button:hover{background:var(--nav-hover)}.nav-links button:hover,.nav-links button.active{color:var(--text);background:var(--nav-active)}.nav-actions{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#0b1120;font-weight:800}.app-shell{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);border-radius:32px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.hero{display:flex;flex-direction:column;gap:14px;padding:12px 8px 20px}.hero-landing .hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:center}.hero-landing .hero-copy h1{margin:10px 0 6px}.hero-landing .trust-row{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step-card{background:#ffffff0f;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px;display:grid;gap:6px}.step-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ffffff1a;font-size:16px}.testimonial-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.testimonial-card{background:#ffffff0f;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px;position:relative;display:grid;gap:6px}.testimonial-card .quote-mark{position:absolute;top:8px;right:10px;opacity:.25;font-size:20px}.preview-book{display:grid;gap:10px}.preview-page{background:#ffffff0f;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:10px;display:grid;gap:6px}.preview-date{font-weight:700}.preview-photo{width:120px;height:80px;border-radius:10px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 60%),#94a3b8}.badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;background:#22d3ee24;color:#a8e9f5;font-weight:600;letter-spacing:.01em}.title{font-size:clamp(28px,4vw,40px);margin:0;letter-spacing:-.02em}.subtitle{margin:0;color:var(--muted);max-width:720px;line-height:1.6;font-size:16px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}.section-grid.single-section{grid-template-columns:1fr}.section-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:18px;display:grid;gap:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-body{display:grid;gap:10px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:6px}.theme-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#ffffff0f;cursor:pointer;color:inherit}.theme-card.active{border-color:var(--accent);box-shadow:0 8px 20px #a855f740}.theme-chip{width:28px;height:28px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.theme-midnight{background:linear-gradient(135deg,#0f172a,#0b1022)}.theme-sunrise{background:linear-gradient(135deg,#f6f7fb,#d9e2f0)}.theme-myspace{background:linear-gradient(135deg,#0a0a0a,#0f172a)}.theme-msn{background:linear-gradient(135deg,#e0f2fe,#c7d2fe)}.theme-kawaii{background:linear-gradient(135deg,#ffe4ec,#ffd6f5)}.theme-live-messenger{background:linear-gradient(135deg,#c8e7ff,#c4f4e9)}.theme-myspace-blog{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.theme-skyrock{background:linear-gradient(135deg,#111827,#0b1222)}.muted{color:var(--muted)}.select{position:relative;width:100%;display:grid;gap:6px}.select-label{color:var(--muted);font-weight:600;font-size:14px}.select-trigger{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--popover-bg);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:4px;padding:6px;z-index:6;color:var(--text);max-height:60vh;overflow-y:auto}.select-menu.drop-up{top:auto;bottom:calc(100% + 4px)}.select-option{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:#ffffff0d;color:var(--text);cursor:pointer}.select-option:hover,.select-option.active{background:var(--nav-active);border-color:var(--accent)}.chevron{opacity:.7}.order-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.current-plan{background:#ffffff0f;border:1px solid var(--border-strong)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.plan-toggle-row{gap:12px;flex-wrap:wrap}.billing-toggle{display:inline-flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.billing-toggle button{border:none;background:transparent;color:var(--text);padding:8px 14px;cursor:pointer;font-weight:600}.billing-toggle button.active{background:var(--accent);color:#0b1120}.plan-card{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:32px 14px 14px;background:#ffffff08;position:relative;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:10px}.plan-card.recommended{border-color:var(--accent);box-shadow:0 12px 30px #a855f733}.plan-card.active{outline:2px solid var(--accent-2)}.plan-badge{position:absolute;top:10px;right:10px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b1120;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.plan-price{font-weight:800;font-size:18px}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.feature-list li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.feature-list .check{color:var(--accent)}.language-select{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.12);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.language-select option{background:var(--popover-bg);color:var(--text)}.language-select:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f733}.dialog-actions .btn-ghost{background:#ffffff1a}.current-plan button,.plan-card button{height:42px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;margin-top:auto;width:100%}.layout-grid{display:grid;grid-template-columns:1fr;gap:18px}.layout-grid.two-col{grid-template-columns:1fr}@media (min-width: 900px){.layout-grid.two-col{grid-template-columns:1.1fr .9fr;align-items:start}.layout-grid.single-col{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:18px;box-shadow:0 10px 35px #00000040}.card h3{margin:0 0 12px;letter-spacing:-.01em}.input-grid{display:grid;gap:12px}.rich-editor{display:grid;gap:8px}.rich-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;position:relative}.rich-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:end;align-items:center;gap:10px}.rich-actions button,.file-btn,.rich-select{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-height:38px;border-radius:10px;border:1px solid var(--border-strong);background:#ffffff14;color:var(--text);cursor:pointer;font-weight:600;letter-spacing:.01em}.rich-select{min-width:140px;background:#ffffff14}.rich-select option{background:var(--dialog-bg);color:var(--text)}.rich-actions button.short{min-width:44px;padding:8px}.btn-ghost.compact{padding:6px 10px;min-height:32px}@media (max-width: 720px){.rich-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:stretch}}.rich-actions button.active{border-color:var(--accent);background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b1120;box-shadow:0 8px 18px #0000001f}.rich-actions button:focus-visible,.rich-select:focus-visible,.file-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.file-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-uploader{display:flex;align-items:center;gap:10px;margin-top:6px}.rich-input{min-height:380px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;line-height:1.6;font-size:16px;outline:none;box-shadow:inset 0 0 0 1px #ffffff0a}.rich-input:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-input img,.rich-display img{max-width:100%;border-radius:10px;margin:6px 0;display:inline-block;cursor:pointer}.rich-display ul{padding-left:18px}.emoji-panel{position:absolute;right:12px;top:100%;margin-top:6px;background:var(--popover-bg);border:1px solid var(--border-strong);border-radius:14px;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;box-shadow:var(--shadow);z-index:5;width:260px;max-height:240px;overflow:auto;color:var(--text)}.emoji-panel button{font-size:18px;background:var(--nav-hover);border:1px solid var(--border-strong);border-radius:10px;padding:8px;color:var(--text)}.row{display:flex;gap:12px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-weight:600;font-size:14px}input,textarea,select{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font-size:15px;transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#a855f780;box-shadow:0 0 0 3px #a855f733}textarea{min-height:160px;resize:vertical}.password-wrap{position:relative;width:100%}.password-wrap input{padding-right:64px}.eye-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text);padding:6px 10px;border-radius:10px;font-weight:700;cursor:pointer}button{border:none;border-radius:var(--radius-sm);padding:12px 16px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,opacity .15s ease}button:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b1120;box-shadow:0 15px 35px #a855f759;border:1px solid rgba(255,255,255,.08)}.btn-ghost{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.08)}.btn-danger{background:linear-gradient(120deg,#fb7185,#f43f5e);color:#0f172a;border:1px solid rgba(255,255,255,.12)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff14;color:var(--muted);font-weight:600;font-size:13px;border:1px solid rgba(255,255,255,.12)}.pill.notice{background:var(--accent-2);color:#0b1120;box-shadow:0 10px 25px #0000001f;border:1px solid rgba(0,0,0,.08);font-weight:700}.pill.warning{background:linear-gradient(120deg,#facc15,#f97316);color:#0b1120;box-shadow:0 10px 25px #00000024;border:1px solid rgba(0,0,0,.12);font-weight:800}.pill.error{background:var(--danger);color:#0b1120;box-shadow:0 10px 25px #0000002e;border:1px solid rgba(0,0,0,.12);font-weight:800}.pw-list{margin:0;padding-left:18px;color:#0b1120;list-style:disc}.pw-inline{margin-top:4px;margin-bottom:0;color:var(--danger);font-weight:700}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{background:#ffffff0d;border-radius:var(--radius-sm);padding:12px 14px;border:1px solid rgba(255,255,255,.06)}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:22px;font-weight:700}.entry-list{display:flex;flex-direction:column;gap:12px}.entry{display:grid;gap:8px;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm)}.entry-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.entry-date{font-weight:700;color:#e5e7eb}.entry-title{margin:0;font-size:18px}.entry-content{margin:0;color:#e5e7eb;line-height:1.5;white-space:pre-wrap}.entry-content.rich-display{white-space:normal}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachment-grid{display:grid;gap:6px;margin-top:8px}.attachment-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid var(--border-strong)}.attachment-meta{color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;margin-left:auto}.print-panel{background:#ffffff14;border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-strong);display:grid;gap:12px}.print-sheet{background:var(--print-bg, var(--card));color:var(--print-text, var(--text));padding:20px;border-radius:var(--radius-sm);box-shadow:0 10px 40px #00000026;border:1px solid var(--border-strong)}.print-sheet h4{margin:0 0 8px;color:var(--print-text, var(--text))}.print-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--print-muted, var(--muted));font-size:13px}.print-entry{border-top:1px dashed #e2e8f0;padding:12px 0;color:var(--print-text, var(--text))}.print-entry:first-of-type{border-top:none;padding-top:0}.print-date{color:var(--print-muted, #475569);font-weight:600}.print-sub{color:var(--print-muted, #475569)}.print-attachments{display:flex;flex-wrap:wrap;gap:8px}.print-thumb{max-width:140px;max-height:140px;border-radius:10px;border:1px solid var(--border-strong)}.print-doc{padding:8px 10px;border-radius:10px;background:#ffffff0f;color:var(--text);border:1px solid var(--border-strong)}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.qr-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px;display:grid;place-items:center;gap:6px}.qr-label{color:#0f172a;font-size:12px;text-align:center}.empty-state{text-align:center;color:var(--muted);padding:20px;border:1px dashed rgba(255,255,255,.25);border-radius:var(--radius-sm)}.footer-note{margin-top:16px;color:var(--muted);font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:10;overflow:auto;min-height:100vh}.media-viewer{background:var(--dialog-bg);border:1px solid var(--border-strong);border-radius:18px;width:min(900px,100%);max-height:90vh;overflow:auto;padding:18px;box-shadow:var(--shadow)}.dialog{background:var(--dialog-bg);border:1px solid var(--border-strong);border-radius:18px;width:min(520px,90vw);max-height:90vh;padding:18px;box-shadow:var(--shadow);overflow:auto}.dialog-header{font-size:18px;font-weight:700;margin-bottom:8px}.dialog-body{margin-bottom:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.media-list{display:grid;gap:12px;margin-top:12px}.media-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}.media-thumb{width:100%;max-height:280px;object-fit:contain;border-radius:10px;margin-top:8px;background:#0b1227}@media (max-width: 640px){body{padding:14px 10px 42px}.app-shell{padding:18px}.entry{padding:12px}.nav-bar{grid-template-columns:1fr auto;grid-template-areas:"brand menu" "links links" "actions actions";row-gap:10px}.nav-brand{grid-area:brand}.menu-toggle{display:inline-flex;grid-area:menu}.nav-links,.nav-actions{display:none;width:100%}.nav-links{grid-area:links;flex-direction:column;align-items:flex-start;gap:10px}.nav-actions{grid-area:actions;justify-content:flex-start}.nav-links.open,.nav-actions.open{display:flex}}@media print{body{background:#fff;padding:0}.app-shell,.card,.print-panel,.entry,.print-sheet{box-shadow:none;background:#fff;border:none}.no-print,button,.overlay{display:none!important}#root{max-width:100%;margin:0}}