.mat-page{margin-top:-60px;padding:calc(60px + 36px) 20px 72px;background:#fdf8ff;min-height:calc(100vh + 60px);font-family:notosansjp,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.mat-header{text-align:center;margin-bottom:36px}.mat-title{margin:0 0 10px;font-family:gkktt,sans-serif;font-size:30px;color:#4a2870;letter-spacing:.06em}.mat-lead{margin:0;font-size:14px;color:#8272a0;line-height:1.8}.mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:22px;max-width:980px;margin:0 auto}.mat-card{background:#ffffff;border:1px solid #e8def6;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(100,60,160,.07);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.mat-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(100,60,160,.13)}.mat-preview-wrap{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f3ecff,#ece8ff);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mat-preview-img,.mat-preview-video{width:100%;height:100%;object-fit:cover;display:block}.mat-preview-placeholder{font-size:13px;color:#b8a8d0;letter-spacing:.05em}.mat-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.mat-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.mat-date{font-size:12px;color:#b8a8d0}.mat-lock-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 9px;border-radius:999px;background:#f3ecff;color:#7b4bba;border:1px solid #ddd0f5;font-weight:500}.mat-card-title{margin:0;font-size:17px;font-weight:700;color:#2d1f48;line-height:1.4}.mat-description{margin:0;font-size:13px;color:#7a6990;line-height:1.75;white-space:pre-wrap}.mat-info-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#b8a8d0;margin-top:auto;padding-top:4px}.mat-download-btn{appearance:none;border:none;width:100%;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#9b6fd8,#7b4bba);color:#ffffff;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .12s}.mat-download-btn:hover{opacity:.88}.mat-download-btn:active{transform:scale(.98)}.mat-empty{text-align:center;color:#b8a8d0;padding:56px 20px;font-size:14px;line-height:1.8}.mat-backdrop{position:fixed;inset:0;background:rgba(40,20,70,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.mat-dialog{width:100%;max-width:400px;background:#fffcff;border:1px solid #e2d6f4;border-radius:20px;padding:28px 24px;box-shadow:0 20px 48px rgba(100,60,160,.18)}.mat-dialog-title{margin:0 0 8px;font-size:18px;font-family:gkktt,sans-serif;color:#4a2870;letter-spacing:.04em}.mat-dialog-text{margin:0 0 16px;font-size:14px;color:#5a4870;line-height:1.75}.mat-dialog-label{display:grid;gap:6px;font-size:13px;font-weight:500;color:#5a4870;margin-bottom:16px}.mat-dialog-input{width:100%;box-sizing:border-box;border:1px solid #cfc4e8;border-radius:8px;padding:9px 12px;font-size:14px;background:#faf7ff;color:#2d1f48;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.mat-dialog-input:focus{border-color:#9b6fd8;box-shadow:0 0 0 3px rgba(155,111,216,.15)}.mat-dialog-error{font-size:13px;color:#c0392b;margin:0 0 14px;line-height:1.6}.mat-dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.mat-dialog-cancel{appearance:none;border:1px solid #cfc4e8;border-radius:8px;background:#fff;color:#8272a0;padding:9px 18px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .12s}.mat-dialog-cancel:hover{background:#f5f0ff}.mat-dialog-submit{appearance:none;border:none;border-radius:8px;background:linear-gradient(135deg,#9b6fd8,#7b4bba);color:#fff;padding:9px 22px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.mat-dialog-submit:hover:not(:disabled){opacity:.88}.mat-dialog-submit:disabled{opacity:.55;cursor:not-allowed}