.skills{width:min(100%, var(--content-max));gap:var(--space-3);align-content:start;margin:0 auto;display:grid}.skills>p{margin:var(--space-4) 0 var(--space-1);color:var(--text-muted);font-size:.9rem}.skill-search-field{width:100%;position:relative}.skill-search-clear{display:none}@supports (-webkit-touch-callout:none){.skill-search-input{padding-right:calc(var(--space-8) + var(--space-2))}.skill-search-input::-webkit-search-cancel-button{appearance:none}.skill-search-input::-webkit-search-decoration{appearance:none}.skill-search-clear{right:var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-muted) 42%, transparent);width:1.35rem;min-width:1.35rem;height:1.35rem;min-height:1.35rem;color:var(--surface-raised);box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border:0;place-items:center;padding:0;font-size:1.05rem;font-weight:800;line-height:1;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%)}.skill-search-clear:active{background:color-mix(in srgb, var(--text-muted) 58%, transparent);transform:translateY(-50%)scale(.96)}}.skill-category{gap:var(--space-3);display:grid}.skill-category-toggle{width:100%;min-height:auto;margin:var(--space-3) 0 0;justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:none;color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:flex}.skill-category-toggle:hover{color:var(--text);background:0 0;transform:none}.skill-category-title{color:inherit;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800;line-height:1.2}.skill-category-chevron{color:inherit;font-size:1rem;line-height:1;transition:transform .16s}.skill-category-chevron.is-collapsed{transform:rotate(-90deg)}.skill-category-list{gap:var(--space-3);display:grid}.add-skill-menu-panel{max-width:min(32rem,100vw - 1.5rem)}.add-skill-menu-options{gap:var(--space-3);display:grid}.add-skill-menu-link{color:var(--text);text-decoration:none}.add-skill-menu-options .home-row-button{width:100%;min-height:auto;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-1);text-align:left}.add-skill-menu-options .home-list-row{align-items:center;gap:var(--space-3);display:flex}.add-skill-menu-options .home-list-main{gap:var(--space-1);min-width:0;display:grid}.add-skill-menu-options .home-list-main strong{color:var(--text);line-height:1.25}.add-skill-menu-options .home-list-main span{color:var(--text-muted);font-size:.86rem;line-height:1.3}.add-skill-menu-options .home-attempt-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent-strong);flex:none;justify-content:center;align-items:center;display:inline-flex}.add-skill-menu-options .home-attempt-icon>svg{width:1.1rem;height:1.1rem}@media (width>=900px){.skills{gap:var(--space-5);width:min(100%,64rem);margin:0 auto}.skill-category-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),28rem));align-items:start}.skill-item{min-height:6rem}}.skill-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-1);cursor:pointer;transition:background-color .16s,border-color .16s,transform .12s,box-shadow .16s;display:flex}@media (hover:hover) and (pointer:fine){.skill-item:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-1px)}}.skill-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skill-item:active{background:var(--accent-soft);transform:scale(.99)}.skill-item-main{gap:var(--space-1);flex:auto;min-width:0;display:grid}.skill-item label{min-width:0;color:var(--text);font-weight:700;line-height:1.35}.skill-last-attempt{color:var(--text-muted);font-size:.78rem;line-height:1.2}.skill-progress{--skill-progress:0%;background:conic-gradient(var(--accent) var(--skill-progress), var(--surface-soft) 0);width:3.25rem;height:3.25rem;color:var(--text);letter-spacing:-.04em;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:900;line-height:1;display:inline-grid;position:relative}.skill-progress:before{content:"";background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;position:absolute;inset:.34rem}.skill-progress-label{z-index:1;position:relative}.skill-progress-complete{background:conic-gradient(var(--success,var(--accent)) 100%, var(--surface-soft) 0)}.skill-progress-pending{background:conic-gradient(var(--warning) var(--skill-progress), var(--surface-soft) 0)}.skill-item-menu{width:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);box-shadow:none;background:0 0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex}.skill-item-menu:hover{background:var(--surface);border-color:var(--accent);color:var(--text)}.skill-info{gap:var(--space-4);display:grid}.skill-info-summary{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:grid}.overlay-header-title,.skill-info-title{gap:var(--space-1);min-width:0;display:grid}.overlay-header-title h2,.skill-info-title h2{text-align:center;margin:0}.overlay-header-subtitle,.skill-info-title-category{text-align:center;color:var(--text-muted);margin:0;font-size:.9rem;font-style:italic;line-height:1.25}.skill-info-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-info-tag{width:fit-content;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.skill-info-due{gap:var(--space-1);padding-left:var(--space-3);border-left:3px solid var(--accent);display:grid}.skill-info-due span,.skill-info-attribute span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.2}.skill-info-label-with-icon{align-items:center;gap:.45rem;display:inline-flex}.skill-info-label-with-icon>svg{stroke:currentColor;flex:none;width:.95rem;height:.95rem;display:block}.skill-info-due strong{color:var(--text);font-size:1.15rem;line-height:1.3}.skill-info-meta{padding-top:var(--space-3);border-top:1px solid var(--border);gap:var(--space-1);color:var(--text-muted);font-size:.78rem;line-height:1.4;display:grid}.skill-info-attributes{gap:var(--space-2);display:grid}.skill-info-attributes h3{margin:0 0 var(--space-1);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.skill-info-attribute{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);align-items:baseline;display:grid}.skill-info-attribute p{color:var(--text);margin:0;line-height:1.45}.skill-info-attribute-block{gap:var(--space-1);grid-template-columns:1fr}.skill-attempts{gap:var(--space-2);display:grid}.skill-attempt{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);display:flex}.skill-attempt-main{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.attempt-chip,.attempt-badge{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;width:fit-content;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.attempt-chip{padding:.42rem .65rem}.attempt-chip-success{background:color-mix(in srgb, var(--success) 16%, var(--surface));color:var(--success-text)}.attempt-chip-fail{background:color-mix(in srgb, var(--danger-vivid) 14%, var(--surface));color:var(--danger-vivid-text)}.attempt-timestamp{color:var(--text-muted);font-size:.85rem;line-height:1.35}.skill-attempt-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;display:inline-flex}.attempt-badge{border:1px solid transparent;flex:none;min-height:auto;padding:.38rem .6rem}.attempt-badge-pending{border-color:color-mix(in srgb, var(--warning) 36%, var(--border));background:color-mix(in srgb, var(--warning) 16%, var(--surface));color:var(--warning-text)}.attempt-badge-signed{border-color:color-mix(in srgb, var(--success) 34%, var(--border));background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success-text)}.attempt-badge-denied{border-color:color-mix(in srgb, var(--danger-vivid) 40%, var(--border));background:color-mix(in srgb, var(--danger-vivid) 15%, var(--surface));color:var(--danger-vivid-text)}.attempt-revoke{border:1px solid color-mix(in srgb, var(--danger-vivid) 28%, var(--border));border-radius:var(--radius-pill);min-height:auto;color:var(--danger-vivid-text);box-shadow:none;background:0 0;padding:.38rem .6rem;font-size:.76rem;font-weight:800;line-height:1}.attempt-revoke:hover:not(:disabled){background:color-mix(in srgb, var(--danger-vivid) 10%, var(--surface))}.attempt-revoke:disabled{opacity:.6}.confirm-revoke-backdrop{z-index:1400;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--overlay-backdrop-strong);-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;justify-content:center;align-items:center}@media (width<=899px){.confirm-revoke-backdrop{-webkit-backdrop-filter:none}}.confirm-revoke-backdrop>.confirm-revoke-sheet,.confirm-revoke-backdrop .confirm-revoke-sheet{width:min(92vw,28rem);max-width:28rem;height:auto;min-height:0;max-height:min(34rem, calc(100dvh - var(--space-8) - env(safe-area-inset-top) - env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-2);flex:0 auto;overflow-y:auto}@supports not (height:100dvh){.confirm-revoke-backdrop .confirm-revoke-sheet{max-height:min(34rem, calc(100vh - var(--space-8) - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}.confirm-revoke-panel{gap:var(--space-4);min-height:0}.confirm-revoke-panel .overlay-header{grid-template-columns:var(--icon-button-size) 1fr var(--icon-button-size)}.confirm-revoke-panel .overlay-header h2{text-align:center}.confirm-revoke-panel .overlay-actions{margin-top:var(--space-2)}.confirm-revoke-content{gap:var(--space-3);display:grid}.confirm-revoke-content p{color:var(--text);margin:0;line-height:1.45}.confirm-revoke-attempt-preview{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);display:inline-flex}.cosign-selector{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);display:grid}.cosign-selector .settings-help-text{margin:0}.cosign-selector .overlay-submit{margin-top:var(--space-1)}@media (width<=520px){.skill-attempt{flex-direction:column;align-items:flex-start}.skill-attempt-actions{justify-content:flex-start;width:100%}}.form-field{gap:var(--space-2);display:grid}.field-label-with-icon{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem;font-weight:800;line-height:1.2}.with-icon .textfield>.textfield-label{display:none}.skill-detail-header{grid-template-columns:var(--icon-button-size) 1fr var(--icon-button-size)}.skill-detail-category-badge{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);width:fit-content;color:var(--text-muted);margin:0 auto;padding:.1rem .6rem;font-size:.8rem;line-height:1.3}.skill-identity-badge{width:fit-content;max-width:100%;min-height:auto;margin:var(--space-1) auto 0;justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);box-shadow:none;color:var(--text-muted);flex-wrap:wrap;padding:.34rem .58rem;font-size:.72rem;line-height:1;display:inline-flex}.skill-identity-badge:hover{filter:brightness(1.03);transform:none}.form-field .skill-identity-badge{justify-content:flex-start;margin:0}.skill-identity-icon{color:currentColor;justify-content:center;align-items:center;display:inline-flex}.skill-identity-icon>svg{stroke:currentColor;width:.82rem;height:.82rem;display:block}.skill-identity-label{white-space:nowrap;font-weight:900}.skill-identity-hint{color:currentColor;opacity:.62;white-space:nowrap;font-size:.66rem;font-weight:800}.skill-identity-badge code{min-width:0;max-width:min(52vw,24rem);color:inherit;opacity:.78;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:700;line-height:1.25;overflow:hidden}.form-field .skill-identity-badge code{text-align:left}.skill-identity-original{border-color:color-mix(in srgb, var(--success) 24%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface-soft));color:var(--success-text)}.skill-identity-custom{border-color:color-mix(in srgb, var(--warning) 25%, var(--border));background:color-mix(in srgb, var(--warning) 9%, var(--surface-soft));color:var(--warning-text)}.skill-detail-content{gap:var(--space-4);display:grid}.skill-detail-progress-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-1);grid-template-columns:auto 1fr;align-items:center;display:grid}.skill-detail-progress-visual{justify-items:center;gap:var(--space-1);display:grid}.skill-detail-progress-caption{color:var(--text-muted);font-size:.78rem;line-height:1.2}.skill-detail-progress-ring{--skill-detail-progress:0%;background:conic-gradient(var(--accent) var(--skill-detail-progress), var(--surface-soft) 0);width:4rem;height:4rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;place-items:center;display:grid;position:relative}.skill-detail-progress-ring-pending{background:conic-gradient(var(--warning) var(--skill-detail-progress), var(--surface-soft) 0)}.skill-detail-progress-ring-complete{background:conic-gradient(var(--success,var(--accent)) 100%, var(--surface-soft) 0)}.skill-detail-progress-ring:before{content:"";background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;position:absolute;inset:.4rem}.skill-detail-progress-ring-inner{z-index:1;place-items:center;gap:.1rem;line-height:1;display:grid;position:relative}.skill-detail-progress-ring-inner strong{color:var(--text);letter-spacing:-.02em;font-size:.95rem;font-weight:900}.skill-detail-progress-ring-inner span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:2.6rem;font-size:.62rem;overflow:hidden}.skill-detail-kicker{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.skill-detail-progress-main h3{margin:.15rem 0 var(--space-2);color:var(--text)}.skill-detail-progress-stat-grid{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-detail-progress-stat span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.skill-detail-progress-stat strong{color:var(--text);margin-top:.15rem;display:block}.skill-detail-info-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);display:grid}.skill-detail-card-header{color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.skill-detail-info-item{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:start;display:grid}.skill-detail-info-item:last-child{border-bottom:0}.skill-detail-info-item-block{grid-template-columns:auto 1fr}.skill-detail-info-icon>svg{width:1rem;height:1rem;color:var(--text-muted)}.skill-detail-info-item span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.skill-detail-info-item p{color:var(--text);margin:0}.skill-detail-info-tags{margin-top:var(--space-2)}.attempt-history-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-end;display:flex}.attempt-history-header h3{color:var(--text);margin:.1rem 0 0}.attempt-history-count{color:var(--text-muted);font-size:.85rem}.attempt-filter-tabs{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:inline-flex}.attempt-filter-tab{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-soft);min-height:auto;color:var(--text-muted);box-shadow:none;padding:.44rem .7rem;font-weight:800}.attempt-filter-tab.is-active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.skill-attempt-timeline{gap:var(--space-2);margin-top:var(--space-2);display:grid}.skill-attempt-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.skill-attempt-status-icon{width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;place-items:center;display:grid}.skill-attempt-status-icon>svg{width:1.05rem;height:1.05rem}.skill-attempt-status-icon.is-success{background:color-mix(in srgb, var(--success) 18%, var(--surface));color:var(--success-text)}.skill-attempt-status-icon.is-fail{background:color-mix(in srgb, var(--danger-vivid) 16%, var(--surface));color:var(--danger-vivid-text)}.skill-attempt-card-main{gap:.1rem;min-width:0;display:grid}.skill-attempt-card-main>label{color:var(--text);font-weight:800}.skill-attempt-badges{gap:var(--space-2);margin-top:.2rem;display:inline-flex}.skill-attempt-card-actions{gap:var(--space-2);align-items:center;display:inline-flex}.attempt-checklist-panel,.skill-checklist-editor{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);display:grid}.skill-checklist-editor.is-collapsed{gap:var(--space-2)}.attempt-checklist-panel-header,.skill-checklist-editor-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.skill-checklist-editor-header{flex-wrap:wrap}.attempt-checklist-panel-title,.skill-checklist-editor-heading{gap:var(--space-1);display:grid}.attempt-checklist-progress-copy{color:var(--text-muted);white-space:nowrap;align-self:center;font-size:.85rem;font-weight:700}.attempt-checklist-progress-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--border) 70%, transparent);height:.45rem;overflow:hidden}.attempt-checklist-progress-fill{height:100%;width:var(--attempt-checklist-progress);border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 65%, var(--success)));transition:width .18s}.attempt-checklist-items,.skill-checklist-items{gap:var(--space-2);display:grid}.attempt-checklist-row{cursor:default}.attempt-checklist-status{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700}.attempt-checklist-status.is-complete{color:var(--success-text)}.attempt-checklist-item-chip{border-radius:var(--radius-pill);white-space:nowrap;margin-left:auto;padding:.28rem .55rem;font-size:.72rem;font-weight:800;line-height:1}.attempt-checklist-item-chip.is-optional{background:color-mix(in srgb, var(--warning) 16%, var(--surface));color:var(--warning-text)}.attempt-checklist-history-list{gap:var(--space-2);display:grid}.attempt-checklist-history-item{align-items:flex-start;gap:var(--space-2);padding:.45rem 0;display:flex}.attempt-checklist-history-item.is-complete{color:var(--text)}.attempt-checklist-history-item.is-incomplete{color:var(--text-muted)}.attempt-checklist-history-icon{border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;display:grid}.attempt-checklist-history-icon>svg{width:.95rem;height:.95rem}.attempt-checklist-history-icon.is-complete{background:color-mix(in srgb, var(--success) 18%, var(--surface));color:var(--success-text)}.attempt-checklist-history-icon.is-incomplete{background:color-mix(in srgb, var(--danger-vivid) 14%, var(--surface));color:var(--danger-vivid-text)}.attempt-checklist-history-label{line-height:1.4}.skill-checklist-editor-toggle,.skill-checklist-add-button{align-items:center;gap:var(--space-2);align-self:flex-start;display:inline-flex}.skill-checklist-editor-toggle{min-width:0;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;flex:auto;padding:0}.skill-checklist-editor-toggle:hover{background:0 0;transform:none}.skill-checklist-editor-toggle-icon{color:var(--text-muted);flex:none;margin-left:auto;transition:transform .16s}.skill-checklist-editor.is-collapsed .skill-checklist-editor-toggle-icon{transform:rotate(-90deg)}.skill-checklist-empty{gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);display:grid}.skill-checklist-item-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.skill-checklist-item-main{gap:var(--space-2);min-width:0;display:grid}.skill-checklist-item-input{min-width:0;min-height:4.75rem;padding-top:var(--space-3);padding-bottom:var(--space-3);resize:vertical;line-height:1.35}.skill-checklist-item-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-checklist-action-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);flex:none;display:inline-flex}.skill-checklist-action-button>svg{width:1rem;height:1rem}.skill-checklist-action-button>span{font-size:.85rem;font-weight:800;line-height:1}.skill-checklist-action-button.is-danger{color:var(--danger-vivid-text)}.skill-checklist-action-button:disabled,.skill-checklist-add-button:disabled,.skill-checklist-editor-toggle:disabled{opacity:.6;cursor:not-allowed}.skill-detail-sticky-actions{padding:var(--space-3);background:linear-gradient(to top, color-mix(in srgb, var(--bg) 90%, transparent), transparent 60%);position:sticky;bottom:0}.skill-detail-log-attempt{width:100%}@media (width>=900px){.skills,.skill-category-list{gap:var(--space-4)}.skill-info-panel{grid-template-rows:auto minmax(0,1fr) auto}.skill-info{gap:var(--space-3);flex-direction:column;flex:auto;min-height:0;display:flex}.skill-detail-progress-card{grid-template-columns:auto 1fr}.skill-detail-progress-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.skill-checklist-editor,.attempt-checklist-panel{padding:var(--space-2);gap:var(--space-2)}.skill-checklist-editor-header,.attempt-checklist-panel-header{flex-direction:column;align-items:stretch}.skill-checklist-editor-toggle,.skill-checklist-add-button{justify-content:space-between;width:100%}.skill-checklist-item-row{gap:var(--space-2);padding:var(--space-2)}.skill-checklist-item-actions{justify-content:stretch;width:100%}.skill-checklist-action-button{flex:1 1 0;min-width:6.5rem}.skill-checklist-item-input{min-height:5.5rem}}