.so-workspace{--so-line:#e2dfd8;--so-muted:#706d75;--so-accent:#eb1836;max-width:1440px}.so-catalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:30px}.so-service{background:linear-gradient(150deg,#fff,#fcfaf7);border:1px solid var(--so-line);padding:22px;border-radius:15px;display:flex;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s}.so-service:hover{transform:translateY(-2px);border-color:#d8b6be;box-shadow:0 10px 24px #33262608}.so-service-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f6e9ec;color:#ae344c;margin-bottom:19px}.so-service h2{font-size:17px;line-height:1.35;margin:0 0 10px}.so-service p{font-size:13px;color:var(--so-muted);line-height:1.6;margin:0 0 22px}.so-service footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px}.so-service footer strong{font-size:13px}.so-service footer a{font-weight:700;color:#a82340;text-decoration:none}.so-service footer a:hover{text-decoration:underline}.so-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.so-section-heading h2{margin:0;font-size:21px}.so-section-heading .eyebrow{margin-top:0}.so-total{background:#e9e6e0;border:1px solid #dedbd5;border-radius:30px;min-width:32px;padding:5px 10px;text-align:center;font-size:12px}.so-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:15px 0 24px;padding:16px;background:#eeece7;border:1px solid #e1ddd6;border-radius:12px}.so-filters>label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:145px;font-size:11px;font-weight:600;color:#67626d}.so-filters input:not([type=checkbox]),.so-filters select{width:100%;padding:10px 12px;min-height:40px;background:#fff;border:1px solid #d9d5ce;border-radius:7px;font:inherit;font-size:13px;color:#29252d}.so-filters .so-mine{min-width:150px;flex:0 0 auto;flex-direction:row;align-items:center;min-height:40px;gap:8px}.so-filters .so-mine input{accent-color:var(--so-accent)}.so-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.so-order{border:1px solid var(--so-line);border-radius:14px;background:#fff;overflow:hidden;min-width:0;padding:20px;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}.so-order:hover{border-color:#cec6cd;box-shadow:0 6px 24px #35253107}.so-order header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:22px}.so-kind{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#635b69}.so-kind .so-icon{width:19px;height:19px;color:#a1536a}.so-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;line-height:1;border:1px solid #dcd7d1;background:#f5f3ef;border-radius:30px;padding:8px 11px;color:#716771;font-weight:600}.so-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.so-status-new{background:#f4f1eb;color:#7d6738;border-color:#e6dccc}.so-status-in_progress{background:#f4e8ed;color:#ab3d60;border-color:#e9c8d5}.so-status-done{background:#eaf2eb;color:#396f45;border-color:#cce2ce}.so-status-cancelled{background:#f0eff0;color:#74717a;border-color:#e0dee3}.so-number{font-size:10px;letter-spacing:.12em;color:#8a828e}.so-card-main h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere;margin:8px 0 10px}.so-brief{font-size:13px;color:#69636e;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 20px}.so-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;padding:16px 0;margin:0 0 18px;border-top:1px solid #eeebe7;border-bottom:1px solid #eeebe7}.so-meta dt{font-size:10px;color:#88808d;margin-bottom:5px}.so-meta dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#39343e}.so-order footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto}.so-private-note{font-size:11px;color:#88818f}.so-order [data-so-error]:empty{display:none}.so-empty{padding:50px 24px;text-align:center;border:1px dashed #d4cec6;border-radius:14px;background:#f7f5f1;color:var(--so-muted)}.so-empty h3{font-size:18px;color:#36313d}.so-empty p{font-size:13px}.so-create{max-width:850px;margin:0 0 30px}.so-create .muted{font-size:13px;line-height:1.6}.so-create small{font-weight:400;color:#88818d}.so-create .field,.so-deliver .field,.so-cancel .field{margin-bottom:16px}.so-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e4dfe4;border-radius:8px;text-decoration:none;color:#777;font-size:24px}.so-detail{max-width:1050px}.so-overview h2{font-size:18px;margin-top:24px}.so-preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:14px}.so-progress{display:flex;gap:12px;margin:25px 0 30px;align-items:center}.so-progress>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#918a94;flex:1}.so-progress>span:not(:last-child):after{content:'';display:block;flex:1;height:1px;background:#e5e0e4;margin-left:5px}.so-progress i{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #e0dbe0;border-radius:50%;font-size:10px;font-style:normal}.so-progress .current{color:#ac2b4a;font-weight:700}.so-progress .current i{background:#aa3854;color:#fff;border-color:#aa3854}.so-progress .complete{color:#64676a}.so-progress .complete i{background:#edece9}.so-payment{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border:1px solid #e7e2dc;border-radius:11px;background:#faf8f4;margin:20px 0}.so-payment strong{font-size:22px}.so-payment p,.so-payment-note{font-size:12px;color:var(--so-muted);line-height:1.6;margin:6px 0 0}.so-payment-note{padding:14px 0}.so-assignment{margin-top:25px;border-top:1px solid #e7e1e7;padding-top:20px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.so-assignment .field{flex:1;min-width:190px;margin:0}.so-assignment .error{width:100%}.so-assignment .error:empty{display:none}.so-result{background:linear-gradient(135deg,#fbfffb,#edf4ec);border:1px solid #cbdcc9;border-radius:14px;padding:26px;margin:22px 0}.so-result h2{font-size:23px;margin:0 0 16px;color:#2e4b36}.so-result small{display:block;font-size:11px;color:#697a69;margin-top:20px}.so-result-links{display:flex;flex-wrap:wrap;gap:10px}.so-deliver{margin:22px 0}.so-history{border:1px solid var(--so-line);border-radius:12px;background:#fff;margin:22px 0;padding:18px 22px}.so-history summary{cursor:pointer;font-size:13px;font-weight:600}.so-history ol{list-style:none;padding:8px 0 0;margin:0}.so-history li{display:flex;gap:13px;position:relative;padding:18px 0}.so-history li:not(:last-child):after{content:'';position:absolute;left:4px;top:29px;bottom:-12px;width:1px;background:#e5dfe7}.so-history-dot{width:9px;height:9px;flex-shrink:0;margin-top:5px;border:2px solid #c7869b;border-radius:50%;background:#fff;z-index:1}.so-history strong,.so-history span:not(.so-history-dot){display:block;font-size:12px}.so-history span:not(.so-history-dot){color:#88818d;font-size:11px;margin-top:5px}.so-history p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#655e69;margin:8px 0 0}.so-cancel{margin-top:20px;font-size:12px;color:#776b76}.so-cancel summary{cursor:pointer}.so-cancel form{max-width:600px;padding-top:18px}.so-workspace textarea{resize:vertical;min-height:88px}.so-workspace button:focus-visible,.so-workspace a:focus-visible,.so-workspace input:focus-visible,.so-workspace select:focus-visible,.so-workspace textarea:focus-visible,.so-workspace summary:focus-visible{outline:2px solid #bb4661;outline-offset:3px}
@media(max-width:800px){.so-order-grid{grid-template-columns:1fr}.so-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.so-service{padding:18px}.so-filters{padding:12px}.so-filters>label{min-width:130px}.so-payment{align-items:flex-start;flex-direction:column}.so-payment .btn{width:100%;text-align:center}.so-detail .panel,.so-result{padding:20px}.so-progress{gap:6px}.so-progress>span{font-size:11px;gap:6px}.so-progress>span:not(:last-child):after{margin-left:0}.so-progress i{width:22px;height:22px}}
@media(max-width:440px){.so-catalogue{grid-template-columns:1fr}.so-service{display:grid;grid-template-columns:42px 1fr;gap:0 12px}.so-service-icon{grid-row:1/3;margin:0}.so-service h2{font-size:16px;margin:2px 0 8px}.so-service p{font-size:12px;margin:0 0 16px}.so-service footer{grid-column:2}.so-order{padding:17px}.so-card-main h2{font-size:18px}.so-order .btn{font-size:12px}.so-filters>label:first-child{flex-basis:100%}.so-filters .btn{flex:1}.so-meta{gap:13px}.so-history{padding:16px}.so-progress{align-items:flex-start}.so-progress>span{flex-direction:column;align-items:flex-start;font-size:10px}.so-progress>span:after{display:none!important}}
@media(prefers-reduced-motion:reduce){.so-workspace *{transition:none!important;scroll-behavior:auto!important}.so-service:hover{transform:none}}

.lyric-result-audio{display:block;width:100%;margin:20px 0}.lyric-result-text{max-height:360px;overflow:auto;margin-top:20px}.lyric-result-text td:first-child,.lyric-result-text td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.lyric-result-text td:last-child{min-width:180px;white-space:normal;overflow-wrap:anywhere}