.writing-practice-records-page{min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;scrollbar-width:none;-ms-overflow-style:none}.writing-practice-records-page::-webkit-scrollbar{display:none}.writing-practice-records-page .records-container{max-width:1200px;margin:0 auto;padding:16px 24px 32px}.writing-practice-records-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.writing-practice-records-page .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.writing-practice-records-page .loading-spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white}@keyframes spin{to{transform:rotate(1turn)}}.writing-practice-records-page .auth-required,.writing-practice-records-page .error-container,.writing-practice-records-page .no-records{text-align:center;padding:80px 20px;color:var(--text-secondary)}.writing-practice-records-page .auth-icon,.writing-practice-records-page .error-icon,.writing-practice-records-page .no-records-icon{font-size:48px;margin-bottom:16px}.writing-practice-records-page .auth-required h3,.writing-practice-records-page .error-container h3,.writing-practice-records-page .no-records h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.writing-practice-records-page .auth-button,.writing-practice-records-page .retry-button,.writing-practice-records-page .start-practice-button{background:var(--accent-color);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;margin-top:16px;transition:all .3s ease}.writing-practice-records-page .auth-button:hover,.writing-practice-records-page .retry-button:hover,.writing-practice-records-page .start-practice-button:hover{background:var(--accent-color-dark,#2563eb);transform:translateY(-2px);box-shadow:var(--shadow-md)}.writing-practice-records-page .surface-card{background:var(--surface-primary,var(--bg-card));border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease}.writing-practice-records-page .surface-card--interactive:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.writing-practice-records-page .practices-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:8px}.writing-practice-records-page .practices-grid .practice-card-modern{background:var(--surface-primary,var(--bg-card));border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem}.writing-practice-records-page .practices-grid .practice-card-modern.surface-card--interactive:hover,.writing-practice-records-page .practices-grid .practice-card-modern:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .writing-practice-records-page .practices-grid .practice-card-modern{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:var(--shadow-sm)}[data-theme=dark] .writing-practice-records-page .practices-grid .practice-card-modern.surface-card--interactive:hover,[data-theme=dark] .writing-practice-records-page .practices-grid .practice-card-modern:hover{border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-md)}.writing-practice-records-page .writing-record-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.writing-practice-records-page .writing-record-card.surface-card--interactive:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.writing-practice-records-page .writing-record-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.writing-practice-records-page .writing-record-card__header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.writing-practice-records-page .writing-record-card__duration{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-primary);background:var(--bg-card)}.writing-practice-records-page .writing-record-card__duration svg{width:.85rem;height:.85rem}[data-theme=dark] .writing-practice-records-page .writing-record-card__duration{border-color:var(--border-color);background:var(--bg-card)}.writing-practice-records-page .writing-record-card__recent{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(59,130,246,.14);color:var(--accent-color);font-weight:600}.writing-practice-records-page .writing-record-card__badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.writing-practice-records-page .writing-record-card__badge.full{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#ffffff;border-color:rgba(37,99,235,.35)}.writing-practice-records-page .writing-record-card__badge.task-1{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.32);color:var(--accent-part1)}.writing-practice-records-page .writing-record-card__badge.task-2{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.35);color:var(--accent-part2)}.writing-practice-records-page .writing-record-card__badge.task-3{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.32);color:var(--accent-part3)}.writing-practice-records-page .writing-record-card__ai-scored{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--accent-color);border:1px solid rgba(37,99,235,.35);background:rgba(59,130,246,.14)}.writing-practice-records-page .writing-record-card__ai-scored svg{width:.78rem;height:.78rem}.writing-practice-records-page .writing-record-card__predict-band{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#1d4ed8;border:1px solid rgba(37,99,235,.3);background:rgba(37,99,235,.1)}.writing-practice-records-page .writing-record-card__predict-band svg{width:.78rem;height:.78rem}.writing-practice-records-page .writing-record-card__predict-band--excellent{color:#047857;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.14)}.writing-practice-records-page .writing-record-card__predict-band--good{color:#0f766e;border-color:rgba(20,184,166,.35);background:rgba(20,184,166,.14)}.writing-practice-records-page .writing-record-card__predict-band--average{color:#1d4ed8;border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.14)}.writing-practice-records-page .writing-record-card__predict-band--developing{color:#7c3aed;border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.14)}.writing-practice-records-page .writing-record-card__predict-band--low{color:#b91c1c;border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.14)}.writing-practice-records-page .writing-record-card__header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right}.writing-practice-records-page .writing-record-card__header-right .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.writing-practice-records-page .writing-record-card__header-right .value{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.writing-practice-records-page .writing-record-card__title h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.writing-practice-records-page .retry-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.writing-practice-records-page .retry-button:hover{background:var(--text-secondary);color:var(--bg-card);transform:translateY(-1px)}[data-theme=dark] .writing-practice-records-page .writing-record-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .writing-practice-records-page .writing-record-card__recent{background:rgba(59,130,246,.2);color:var(--accent-color)}[data-theme=dark] .writing-practice-records-page .writing-record-card__badge.full{box-shadow:0 12px 28px rgba(37,99,235,.35)}[data-theme=dark] .writing-practice-records-page .writing-record-card__badge.task-1{background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.42)}[data-theme=dark] .writing-practice-records-page .writing-record-card__badge.task-2{background:rgba(245,158,11,.24);border-color:rgba(245,158,11,.42)}[data-theme=dark] .writing-practice-records-page .writing-record-card__badge.task-3{background:rgba(239,68,68,.22);border-color:rgba(239,68,68,.4)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band{color:#93c5fd;border-color:rgba(147,197,253,.38);background:rgba(59,130,246,.18)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band--excellent{color:#6ee7b7;border-color:rgba(110,231,183,.45);background:rgba(16,185,129,.22)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band--good{color:#5eead4;border-color:rgba(94,234,212,.45);background:rgba(20,184,166,.22)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band--average{color:#93c5fd;border-color:rgba(147,197,253,.45);background:rgba(59,130,246,.22)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band--developing{color:#c4b5fd;border-color:rgba(196,181,253,.45);background:rgba(139,92,246,.22)}[data-theme=dark] .writing-practice-records-page .writing-record-card__predict-band--low{color:#fca5a5;border-color:rgba(252,165,165,.45);background:rgba(239,68,68,.22)}.writing-record-action-modal .ant-modal-container,.writing-record-action-modal .ant-modal-content{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;box-shadow:var(--shadow-lg,0 18px 40px rgba(2,6,23,.28))!important;padding:20px!important}.writing-record-action-modal .ant-modal-close{color:var(--text-secondary)!important}.writing-record-action-modal .ant-modal-close:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}.writing-record-action-modal .ant-modal-body{padding:0!important}.writing-record-action-modal__title{margin:0;font-size:1.08rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.writing-record-action-modal__hint{margin-top:.55rem;margin-bottom:.95rem;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.writing-record-action-modal__meta{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;min-height:2rem}.writing-record-action-modal__task-pill{display:inline-flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .65rem;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--accent-color);border:1px solid rgba(37,99,235,.3);background:rgba(37,99,235,.1);text-transform:uppercase}.writing-record-action-modal__task-title{font-size:.92rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writing-record-action-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.writing-record-action-modal__btn{height:2.55rem!important;border-radius:10px!important;font-weight:600!important}.writing-record-action-modal__btn--secondary{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:var(--bg-secondary)!important}.writing-record-action-modal__btn--secondary:hover{border-color:var(--accent-color)!important;color:var(--accent-color)!important}.writing-record-action-modal__btn--primary{background:var(--accent-color)!important;border-color:var(--accent-color)!important}.writing-record-action-modal__btn--primary:hover{background:var(--accent-color-dark,#2563eb)!important;border-color:var(--accent-color-dark,#2563eb)!important}@media (max-width:768px){.writing-practice-records-page .practices-grid{grid-template-columns:1fr;gap:16px}.writing-practice-records-page .records-container{padding:16px}.writing-record-action-modal__actions{grid-template-columns:1fr}}