@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --xmw-base:#050914;
  --xmw-night:#070C18;
  --xmw-main:#0D1424;
  --xmw-panel:#11192A;
  --xmw-highlight:#161E32;
  --xmw-border:#1B2438;
  --xmw-gold:#B8942E;
  --xmw-gold-light:#D6B85C;
  --xmw-text:#C8D0DC;
  --xmw-text-strong:#EEF3FA;
  --xmw-muted:#8F9AAF;
  --xmw-danger:#B05A5A;
  --shadow:0 14px 36px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--xmw-base);color:var(--xmw-text);font:14px/1.55 Montserrat,Arial,Helvetica,sans-serif}
a{color:var(--xmw-text-strong);text-decoration:none}a:hover{color:var(--xmw-gold-light)}
.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.app-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--xmw-highlight),var(--xmw-base));border-bottom:1px solid var(--xmw-gold);box-shadow:0 3px 14px rgba(0,0,0,.35)}
.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{color:var(--xmw-gold-light);font-weight:800}.top-nav{display:flex;gap:18px;font-size:13px;font-weight:600}
.main-content{min-height:calc(100vh - 138px);padding:32px 0 52px}.app-footer{border-top:1px solid var(--xmw-border);padding:18px 0;color:var(--xmw-muted);font-size:12px;text-align:center;background:var(--xmw-night)}
h1,h2,h3{margin:0;color:var(--xmw-text-strong);line-height:1.2}h1{font-size:30px}h2{font-size:21px}h3{font-size:17px}.muted{color:var(--xmw-muted)}.eyebrow{color:var(--xmw-gold-light);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}
.card{background:var(--xmw-main);border:1px solid var(--xmw-border);border-radius:12px;box-shadow:var(--shadow)}.narrow{max-width:520px;margin:42px auto}.auth-card,.form-card,.section-card{padding:24px}.auth-card h1{margin-bottom:6px}.auth-switch{margin:18px 0 0;text-align:center}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.page-heading p{margin:7px 0 0}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn,.icon-btn{border:1px solid var(--xmw-border);background:var(--xmw-panel);color:var(--xmw-text-strong);border-radius:8px;padding:10px 15px;font:600 13px Montserrat,Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease}.btn:hover,.icon-btn:hover{background:var(--xmw-highlight);border-color:var(--xmw-gold);color:var(--xmw-text-strong)}.btn-primary{background:linear-gradient(180deg,var(--xmw-gold-light),var(--xmw-gold));color:#050914;border-color:var(--xmw-gold-light)}.btn-primary:hover{filter:brightness(1.08);color:#050914}.btn-small{padding:7px 10px;font-size:12px}.icon-btn{width:34px;height:32px;padding:0}.icon-btn.danger,.link-danger{color:#e69a9a}.link-danger{border:0;background:transparent;cursor:pointer;font:600 11px Montserrat}.link-danger:hover{color:#fff}
.stack{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label,legend{font-size:12px;font-weight:700;color:var(--xmw-text-strong)}input,textarea,select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--xmw-border);border-radius:8px;background:var(--xmw-night);color:var(--xmw-text-strong);font:13px Montserrat,Arial,sans-serif;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--xmw-gold);box-shadow:0 0 0 3px rgba(184,148,46,.13)}textarea{resize:vertical}fieldset{border:1px solid var(--xmw-border);border-radius:10px;padding:13px}legend{padding:0 7px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-item{display:flex;align-items:center;gap:8px;background:var(--xmw-night);padding:8px 10px;border-radius:7px;font-weight:500}.check-item input{width:auto;margin:0}.inline-form{display:flex;align-items:end;gap:10px;margin-bottom:18px}.inline-form>*{flex:1}.inline-form .btn{flex:0 0 auto}.wrap{flex-wrap:wrap}
.alert{margin-bottom:18px;padding:12px 14px;border-radius:8px;border:1px solid}.alert-success{background:#10261d;border-color:#23593f;color:#b8ebd0}.alert-error{background:#2a1114;border-color:#6b2d35;color:#f0c0c5}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.diary-card{padding:21px}.diary-card h2{margin-bottom:8px}.card-actions{margin-top:18px}.empty-state{padding:42px 24px;text-align:center}.empty-state p{margin-bottom:0}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs a{padding:9px 13px;border-radius:8px;background:var(--xmw-main);border:1px solid var(--xmw-border)}.tabs a.active{border-color:var(--xmw-gold);color:var(--xmw-gold-light)}.section-card{margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;margin-bottom:16px}
.list-table{overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid var(--xmw-border)}.list-row:last-child{border-bottom:0}.list-row strong,.list-row span{display:block}.list-row span{margin-top:4px;color:var(--xmw-muted);font-size:11px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.media-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.media-card{background:var(--xmw-night);border:1px solid var(--xmw-border);border-radius:9px;padding:10px;display:flex;align-items:center;gap:10px;min-width:0}.media-card img{width:54px;height:54px;object-fit:cover;border-radius:7px;border:1px solid var(--xmw-border)}.media-card>div{min-width:0;flex:1}.media-card strong,.media-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card span{font-size:10px;color:var(--xmw-muted);margin-top:3px}
.builder-toolbar{padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.builder-toolbar form,.block-header form{margin:0}.builder-list{display:flex;flex-direction:column;gap:16px}.block-card{padding:18px}.block-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:17px;padding-bottom:11px;border-bottom:1px solid var(--xmw-border)}.block-header strong{margin-left:8px}.block-type{display:inline-block;padding:4px 7px;border-radius:5px;background:rgba(184,148,46,.18);color:var(--xmw-gold-light);font-size:9px;font-weight:800;letter-spacing:.8px}.builder-preview-image{display:block;max-width:340px;max-height:220px;object-fit:contain;border:1px solid var(--xmw-border);border-radius:8px}.code-output{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre;overflow:auto}
@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.three{grid-template-columns:1fr 1fr}.check-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.shell{width:min(100% - 20px,1180px)}.header-inner,.page-heading,.builder-toolbar{align-items:flex-start;flex-direction:column}.top-nav{width:100%;justify-content:space-between}.brand span{font-size:16px}.form-grid.two,.form-grid.three,.card-grid,.media-grid.compact,.check-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form>*{width:100%}.list-row{align-items:flex-start;flex-direction:column}.main-content{padding-top:22px}}

.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{padding:16px;text-align:center}.stat-card span{display:block;color:var(--xmw-muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.stat-card strong{display:block;margin-top:5px;color:var(--xmw-text-strong);font-size:24px}.sync-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sync-card{display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--xmw-night);border:1px solid var(--xmw-border);border-radius:9px}.sync-card code{display:block;overflow-wrap:anywhere;color:var(--xmw-gold-light);font-size:10px}.mini-summary{color:var(--xmw-gold-light);font-size:11px}.library-sync-card{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.library-sync-card h2{margin:3px 0 6px}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:18px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--xmw-gold-light)}
@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-sync-card{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.stat-grid,.sync-grid{grid-template-columns:1fr 1fr}}