:root{--bg: #fff9fc;--bg-warm: #fffaf8;--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(255, 255, 255, .98);--surface-soft: rgba(255, 246, 249, .96);--line: rgba(225, 183, 204, .14);--line-strong: rgba(225, 183, 204, .22);--text: #6a4d5f;--muted: #92707f;--muted-soft: #b89ca9;--accent: #d878a6;--accent-strong: #bf6b95;--accent-soft: #ffe8f2;--accent-pale: #fff0f5;--success: #2f9468;--danger: #c95d82;--warning: #b57b2f;--shadow: 0 24px 72px rgba(188, 120, 153, .08);--shadow-soft: 0 10px 24px rgba(188, 120, 153, .06);--radius-2xl: 34px;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-body: "Hiragino Sans GB", "PingFang SC", "Microsoft YaHei UI", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(255,224,236,.62),transparent 32%),radial-gradient(circle at 85% 18%,rgba(255,236,231,.66),transparent 28%),radial-gradient(circle at bottom right,rgba(255,230,242,.46),transparent 26%),linear-gradient(180deg,#fffdfd,#fff6fa 52%,#fffaf8);font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 42%),repeating-linear-gradient(90deg,rgba(216,120,166,.022) 0,rgba(216,120,166,.022) 1px,transparent 1px,transparent 24px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}.page-shell,.admin-shell{position:relative;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:34px 0 72px}.page-shell--public{padding-top:26px;--bg: #fffdfd;--bg-warm: #fffaf9;--surface: rgba(255, 255, 255, .975);--surface-strong: rgba(255, 255, 255, .995);--surface-soft: rgba(255, 250, 252, .98);--line: rgba(210, 164, 186, .16);--line-strong: rgba(210, 164, 186, .26);--text: #5a4050;--muted: #7a6170;--muted-soft: #927786;--accent: #cb6f97;--accent-strong: #b95c86;--accent-soft: #ffe9f2;--accent-pale: #fff4f8;--shadow: 0 24px 72px rgba(188, 120, 153, .06);--shadow-soft: 0 10px 24px rgba(188, 120, 153, .05)}.page-shell--public .panel--glass,.page-shell--public .filter-block,.page-shell--public .table-shell{background:#fffffffa}.page-shell--public .panel--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-shell--public .table-panel{background:#fff}.page-shell--public .table-panel:before{background:none}.page-shell--public .song-table th{background:#ffedf5;color:#8d5f77}.page-shell--public .song-table tbody tr:nth-child(odd) td{background:#fffdfd}.page-shell--public .song-table tbody tr:nth-child(2n) td{background:#fff8fb}.page-shell--public .song-table tbody tr:hover td{background:#fff1f7}.page-shell--public .soft-orb{opacity:.24;filter:blur(28px)}.soft-orb{position:fixed;z-index:0;width:360px;height:360px;border-radius:999px;filter:blur(18px);opacity:.72;pointer-events:none}.soft-orb--left{top:72px;left:-120px;background:radial-gradient(circle,rgba(255,214,231,.3),transparent 70%)}.soft-orb--right{right:-120px;bottom:60px;background:radial-gradient(circle,rgba(255,236,241,.38),transparent 72%)}.top-ribbon,.hero-card,.panel,.form-card{position:relative;z-index:1}.top-ribbon,.hero-card,.panel,.form-card{border:1px solid var(--line);box-shadow:var(--shadow)}.top-ribbon,.panel,.form-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{overflow:hidden;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#fffffffc,#fff6f9f7),var(--surface)}.hero-card:before,.panel:before,.form-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,224,237,.58),transparent 28%),linear-gradient(160deg,rgba(255,255,255,.16),transparent 48%)}.top-ribbon{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin-bottom:18px;border-radius:999px;animation:rise-in .45s ease-out both}.top-ribbon__brand,.top-ribbon__actions,.hero-headline,.hero-actions,.meta-badges,.table-actions,.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-ribbon__brand{gap:14px}.top-ribbon__brand strong,.top-ribbon__brand span{display:block}.top-ribbon__brand span:last-child{margin-top:2px;color:var(--muted);font-size:.92rem}.brand-mark,.avatar-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,#ffe7f0fa,#fff6f9fa);color:var(--accent-strong);font-weight:800;letter-spacing:.08em;box-shadow:inset 0 1px #ffffffb3}.avatar-mark{width:92px;height:92px;flex:0 0 92px;border:1px solid rgba(225,183,204,.18);background:radial-gradient(circle at 30% 30%,#fffffffc,#ffeef4f7),linear-gradient(180deg,#fffffff2,#fff4f8f2);color:var(--accent-strong);font-family:var(--font-display);font-size:2rem;box-shadow:var(--shadow-soft)}.shell-link,.button-primary,.button-secondary,.ghost-link,.chip,.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.shell-link,.button-primary,.button-secondary,.ghost-link,.chip,.copy-link,.table-link{transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.shell-link{min-height:42px;padding:0 16px;border:1px solid var(--line);background:#ffffffbd;text-decoration:none;color:var(--accent-strong);font-weight:600}.shell-link--accent,.button-primary{border:0;color:#fff;background:linear-gradient(135deg,#e28cb3,#efb2cb);box-shadow:0 12px 24px #e28cb329}.shell-link:hover,.button-primary:hover,.button-secondary:hover,.ghost-link:hover,.chip:hover,.copy-link:hover,.table-link:hover{transform:translateY(-1px)}.button-primary,.button-secondary,.ghost-link{min-height:46px;padding:0 18px;text-decoration:none;border:1px solid transparent}.button-primary{font-weight:700}.button-secondary,.ghost-link{background:#ffffffeb;border-color:var(--line);color:var(--accent-strong)}.hero-card{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:24px;padding:30px;animation:rise-in .55s ease-out both}.hero-copy,.hero-stats{position:relative;z-index:1}.hero-copy{display:grid;gap:22px}.hero-headline{align-items:flex-start;gap:18px}.hero-copy h1,.section-head h2,.section-head h3{margin:0;font-family:var(--font-display);color:#c06f96;letter-spacing:.02em}.hero-copy h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:.98}.empty-state,.note-block{color:var(--muted)}.eyebrow{display:inline-flex;margin-bottom:10px;padding:7px 13px;border-radius:999px;background:#d878a614;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.18em}.filter-block,.stat-card{position:relative;z-index:1;border:1px solid rgba(225,183,204,.12);background:#fffbfde6;box-shadow:var(--shadow-soft)}.section-head,.toolbar,.filter-row,.tab-row,.action-row,.toolbar-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-stats{display:grid;gap:14px;align-content:start}.stat-card{padding:20px 22px;border-radius:var(--radius-lg)}.hero-stats strong{display:block;margin-bottom:6px;color:var(--accent-strong);font-size:clamp(2rem,3vw,2.8rem);line-height:1}.hero-stats span{color:var(--muted)}.panel,.form-card{position:relative;overflow:hidden;margin-top:20px;padding:24px;border-radius:var(--radius-xl);animation:rise-in .6s ease-out both}.panel--glass{background:linear-gradient(135deg,#fffffff7,#fff8faf0),var(--surface)}.compact-head{margin-bottom:16px}.search-box,.form-grid label,.compact-form label,.alias-field-block{display:grid;gap:8px}.search-box{width:min(620px,100%)}.search-prompt{color:var(--accent-strong);font-size:1.05rem;font-weight:800;letter-spacing:.04em}.search-field{position:relative;display:block}.search-icon{position:absolute;left:16px;top:50%;z-index:1;width:20px;height:20px;fill:none;stroke:#e58ab3;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;transform:translateY(-50%);pointer-events:none}.form-grid span,.compact-form span{color:var(--muted);font-size:.88rem}.search-box input,.inline-search,.form-grid input,.form-grid select,.form-grid textarea,.compact-form input{width:100%;min-height:48px;padding:12px 15px;border:1px solid rgba(225,183,204,.14);border-radius:var(--radius-md);background:#fffffffa;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffffd6;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.form-grid textarea{min-height:110px;resize:vertical}.search-box input:focus,.inline-search:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.compact-form input:focus{border-color:#d878a642;box-shadow:0 0 0 4px #d878a614,inset 0 1px #fffffff0;transform:translateY(-1px)}.search-field input{padding-left:48px}.page-shell--public .search-field input{border:2px solid rgba(214,117,160,.34);background:#fff;box-shadow:0 8px 18px #d675a014,inset 0 0 0 1px #ffeef6f0}.page-shell--public .search-field input:focus{border-color:#cb5a8b8f;box-shadow:0 0 0 5px #e58ab329,0 10px 22px #d675a01c,inset 0 0 0 1px #ffe2f0fa}.filter-row{margin-top:18px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:16px}.filter-block{padding:18px;border-radius:var(--radius-lg)}.filter-block h3{margin:0 0 12px;color:var(--accent-strong);font-size:1rem}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip-grid--compact{gap:8px}.chip{min-height:42px;padding:0 16px;border:1px solid rgba(225,183,204,.12);background:#fffcfde6;color:var(--muted);font-weight:600}.chip.is-active{background:linear-gradient(135deg,#e8a1c1,#f2c0d6);border-color:transparent;color:#fff;box-shadow:0 10px 20px #e28cb324}.table-panel{overflow:hidden}.admin-shell .table-panel{background:#fff}.admin-shell .table-panel:before{background:none}.table-shell{overflow-x:auto;border-radius:calc(var(--radius-xl) - 4px);border:1px solid rgba(225,183,204,.1);background:#fffcfde6}.admin-shell .table-shell{background:#fff}.section-head strong{color:var(--accent);font-size:.95rem}.song-table{width:100%;min-width:1080px;border-collapse:collapse}.song-table th,.song-table td{padding:18px 16px;text-align:left;border-bottom:1px solid rgba(225,183,204,.08);vertical-align:top}.song-table th{position:sticky;top:0;z-index:1;background:#fff8fafa;color:var(--muted-soft);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.song-table tbody tr{transition:background .2s ease}.song-table tbody tr:hover{background:#ffebf36b}.title-cell{min-width:240px}.admin-table th,.admin-table td,.admin-table tbody tr:hover,.admin-table tbody tr:hover td{background:#fff}.admin-table tbody tr.is-dragging td{opacity:.56}.admin-table tbody tr.is-drag-over td{background:#fff6fa;box-shadow:inset 0 2px #d878a638}.admin-table tbody tr.is-editing td{background:#fff;vertical-align:middle}.admin-table .admin-title-cell{background:#fff;color:var(--accent-strong);font-weight:700;box-shadow:inset 4px 0 #d878a647,inset -1px 0 #e1b7cc2e}.drag-cell{width:72px;color:var(--muted-soft);white-space:nowrap}.aliases-cell{min-width:190px}.alias-tag-field{width:100%;min-height:48px;padding:8px 10px;border:1px solid rgba(216,120,166,.24);border-radius:12px;background:#fff;outline:none}.alias-tag-field:focus-within{border-color:#cb5a8b8f;box-shadow:0 0 0 3px #e58ab324}.alias-tag-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alias-tag-list--readonly{align-items:flex-start}.form-grid .alias-tag-chip,.alias-tag-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid rgba(225,183,204,.2);border-radius:999px;background:#fff4f9;color:var(--accent-strong);font-size:.82rem;font-weight:700;line-height:1}.alias-tag-chip span{color:inherit;font-size:inherit}.alias-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:999px;background:#d878a61f;color:var(--accent-strong);font-size:.86rem;line-height:1}.form-grid .alias-tag-editor,.alias-tag-editor{flex:1 1 140px;width:auto;min-width:120px;min-height:30px;padding:2px 0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none;outline:none}.form-grid .alias-tag-editor:focus,.alias-tag-editor:focus{border:0;box-shadow:none;transform:none}.alias-tag-editor::placeholder{color:var(--muted-soft)}.drag-handle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(225,183,204,.22);background:#fff6faeb;color:var(--accent-strong);cursor:grab;font-size:.78rem;font-weight:700}.drag-handle:active{cursor:grabbing}.table-edit-stack{display:grid;gap:8px}.table-input{width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid rgba(216,120,166,.24);border-radius:12px;background:#fff;color:var(--text);outline:none}.table-input:focus{border-color:#cb5a8b8f;box-shadow:0 0 0 3px #e58ab324}.table-textarea{min-height:64px;resize:vertical}.table-status-select{min-width:88px}.title-row{gap:10px}.copy-link,.table-link{border:0;padding:0;background:transparent}.copy-link{color:var(--accent-strong);font-size:1rem;font-weight:700;text-align:left}.copy-link:hover,.table-link:hover{color:var(--accent)}.badge{min-height:30px;padding:0 10px;font-size:.76rem;font-weight:700;letter-spacing:.04em}.badge-free{background:#76d0ac29;color:var(--success)}.badge-paid{background:#e490b51f;color:var(--accent)}.badge-category{background:#dfd1e380;color:var(--muted)}.danger-link{color:var(--danger)}.empty-state,.note-block,.success-state,.warning-state,.error-state{position:relative;z-index:1;margin-top:14px;padding:15px 16px;border-radius:var(--radius-md);border:1px dashed rgba(225,183,204,.16);background:#fffcfdd6}.success-state{color:var(--success);border-color:#2f946838}.warning-state{color:var(--warning);border-color:#b57b2f3d}.error-state{color:var(--danger);border-color:#c65f7842}.copy-toast{position:fixed;right:20px;bottom:20px;z-index:10;padding:14px 18px;border-radius:999px;border:1px solid rgba(225,183,204,.14);background:#fffffff5;color:var(--accent-strong);box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1 / -1}.compact-form{display:grid;gap:16px;max-width:460px}.remember-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.remember-option{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem}.remember-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.admin-search-panel{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid rgba(225,183,204,.18);border-radius:var(--radius-md);background:#fff;box-shadow:0 10px 24px #bc78990d;flex-wrap:wrap}.admin-search-label{color:var(--accent-strong);font-weight:800;white-space:nowrap}.admin-search-control{display:flex;align-items:center;gap:10px;flex:1 1 360px}.admin-song-search{width:100%;min-width:240px;border-width:2px;border-color:#d675a047;background:#fff}.admin-search-count{color:var(--muted);font-size:.9rem;white-space:nowrap}.inline-search{width:min(340px,100%)}.admin-search-control .admin-song-search{width:100%}.auth-panel{max-width:760px;margin-left:auto;margin-right:auto}.tab-row,.table-actions{justify-content:flex-start}.note-block strong{color:var(--accent-strong)}.note-block code{display:block;margin-top:10px;color:var(--text);word-break:break-all}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-card,.filter-row,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.search-box{max-width:none;width:100%}}@media(max-width:720px){.top-ribbon{border-radius:28px}.top-ribbon,.top-ribbon__actions,.hero-headline{align-items:flex-start}.top-ribbon,.top-ribbon__brand,.top-ribbon__actions{flex-direction:column}.hero-headline{gap:14px}.avatar-mark{width:74px;height:74px;flex-basis:74px;font-size:1.6rem}}@media(max-width:640px){.page-shell,.admin-shell{width:min(100vw - 20px,1180px);padding-top:20px;padding-bottom:42px}.hero-card,.panel,.form-card{padding:18px;border-radius:24px}.hero-copy h1{font-size:2.2rem}.song-table{min-width:620px}.copy-toast{right:12px;left:12px;bottom:12px;text-align:center}}