.friends-page{display:flex;flex-direction:column;gap:var(--space-5)}.friends-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.pending-requests-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info);font-size:var(--font-size-sm)}.pending-requests-notice__text{margin:0;flex:1}.pending-requests-notice__link{color:inherit;font-weight:600;text-decoration:underline}.pending-requests-notice__link:hover{text-decoration:none}.pending-requests-notice__close{flex-shrink:0;background:none;border:none;color:inherit;font-size:var(--font-size-xl);line-height:1;padding:0 var(--space-1);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.pending-requests-notice__close:hover{opacity:1}.user-search{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.user-search__title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.user-search__results{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.user-search__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.user-search__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-search__username{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search__name{font-size:var(--font-size-sm);color:var(--color-text-muted)}.user-search__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.friends-list{display:flex;flex-direction:column;gap:var(--space-2)}.friends-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none}.friends-list__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.friends-list__username{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-list__name{font-size:var(--font-size-sm);color:var(--color-text-muted)}.friends-list__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.friends-list__confirm-text{font-size:var(--font-size-sm);color:var(--color-warning)}.friends-list__remove{color:var(--color-danger)}.friends-table-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.friends-sort-buttons{display:flex;gap:var(--space-2);align-items:center}.friends-sort-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.friends-sort-btn:hover{color:var(--color-text);background:var(--color-bg-elevated)}.friends-sort-btn--active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-elevated)}.friends-date-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin:var(--space-3) 0}.friends-date-nav__center{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:9rem}.friends-date-nav__date{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-align:center}.friends-date-nav__today-btn{font-size:var(--font-size-xs);padding:.1rem .5rem;line-height:1.2}.friends-date-nav__btn:disabled,.friends-date-nav__today-btn:disabled{opacity:.4;cursor:not-allowed}.friends-table{width:100%;border-collapse:collapse;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.friends-table__th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.friends-table__th--time{text-align:center}.friends-table__th--actions{width:1%;white-space:nowrap}.friends-table__row{border-bottom:1px solid var(--color-border)}.friends-table__row:last-child{border-bottom:none}.friends-table__row:hover{background:var(--color-surface)}.friends-table__td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);vertical-align:middle}.friends-table__td--name{font-weight:600}.friends-table__name{color:var(--color-text);text-decoration:none}.friends-table__name:hover{text-decoration:underline;color:var(--color-primary)}.friends-table__row--self{background:var(--color-surface);font-style:italic}.friends-table__self-badge{margin-left:var(--space-2);font-size:.8em;font-weight:400;color:var(--color-text-muted)}.friends-table__td--time{text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap}.friends-table__td--solved{color:var(--color-text);font-weight:600}.friends-table__td--actions{text-align:right;white-space:nowrap}.friends-table__td--actions .btn{margin-left:var(--space-1)}@media (max-width: 640px){.friends-table{font-size:var(--font-size-sm)}.friends-table__th,.friends-table__td{padding:var(--space-2) var(--space-3)}.friends-sort-btn{padding:var(--space-1) var(--space-3)}}.friendship-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);color:var(--color-text-muted)}.friendship-badge--pending{background:var(--color-warning-bg);color:var(--color-warning)}.friendship-badge--accepted{background:var(--color-success-bg);color:var(--color-success)}.friendship-badge--declined,.friendship-badge--blocked{background:var(--color-danger-bg);color:var(--color-danger)}.stats-page{display:flex;flex-direction:column;gap:var(--space-5)}.stats-page__back{align-self:flex-start;margin-bottom:var(--space-2)}.stats-section{display:flex;flex-direction:column;gap:var(--space-3)}.stats-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.stats-section--collapsible{gap:0}.stats-section__title--collapsible{margin-bottom:0}.stats-section__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) 0;background:none;border:none;font-size:var(--font-size-xl);font-weight:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.stats-section__toggle:hover{color:var(--color-primary)}.stats-section__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stats-section__chevron{display:inline-block;font-size:.75em;line-height:1;transition:transform var(--transition-fast);transform:rotate(0)}.stats-section__chevron--collapsed{transform:rotate(-90deg)}.stats-section__title-text{flex:1}.stats-section__content{padding-top:var(--space-3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat-card__value{font-size:var(--font-size-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);line-height:1.2}.stat-card__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.stat-card__hint{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.daily-status{display:flex;gap:var(--space-3);flex-wrap:wrap}.daily-status__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);min-width:100px}.daily-status__item--done{border-color:var(--color-success);background:var(--color-success-bg)}.daily-status__item--todo{border-color:var(--color-border)}.daily-status__icon{font-size:var(--font-size-lg);font-weight:700;line-height:1}.daily-status__item--done .daily-status__icon{color:var(--color-success)}.daily-status__item--todo .daily-status__icon{color:var(--color-text-subtle)}.daily-status__label{font-weight:600}.daily-status__time{font-weight:400;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.daily-status-badges{display:inline-flex;gap:var(--space-1)}.daily-status-badge{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.daily-status-badge--done{background:var(--color-success-bg);color:var(--color-success)}.daily-status-badge--todo{background:var(--color-surface);color:var(--color-text-subtle)}.solve-history{display:flex;flex-direction:column;gap:var(--space-2)}.solve-history__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);list-style:none}.solve-history__date{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:120px}.solve-history__time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.solve-history__clean{font-size:var(--font-size-lg);line-height:1;color:#f5c518}.solve-history__clean--late{color:#2e8b57}.friends-stats-list{display:flex;flex-direction:column;gap:var(--space-2)}.friends-stats-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none}.friends-stats-list__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.friends-stats-list__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-stats-list__name:hover{text-decoration:underline}.friends-stats-list__username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.friends-stats-list__stats{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.friends-stats-list__stat{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.stats-overview{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.stats-overview__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}.stats-overview__row:last-child{border-bottom:none}.stats-overview__row:not(.stats-overview__row--child){font-weight:700;font-size:var(--font-size-lg);padding-top:var(--space-3);padding-bottom:var(--space-2)}.stats-overview__row:first-child{padding-top:var(--space-1)}.stats-overview__row--child{margin-left:1.5rem;font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-1) 0}.stats-overview__label{color:var(--color-text)}.stats-overview__row--child .stats-overview__label{color:var(--color-text-muted)}.stats-overview__value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.stats-overview__row--child .stats-overview__value{font-weight:600}.stats-overview__group{border-bottom:1px solid var(--color-border)}.stats-overview__group:last-child{border-bottom:none}.stats-overview__group-toggle{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) 0 var(--space-2);background:none;border:none;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-align:left;cursor:pointer;transition:color var(--transition-fast)}.stats-overview__group-toggle:hover{color:var(--color-primary)}.stats-overview__group-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.stats-overview__group:first-child .stats-overview__group-toggle{padding-top:var(--space-1)}.stats-overview__chevron{display:inline-block;font-size:.75em;line-height:1;transition:transform var(--transition-fast);transform:rotate(0);flex-shrink:0;margin-right:var(--space-1)}.stats-overview__chevron--collapsed{transform:rotate(-90deg)}.stats-overview__group-toggle .stats-overview__label{flex:1 1 auto}.stats-overview__group-toggle .stats-overview__value{flex-shrink:0}.stats-overview__children{display:flex;flex-direction:column}.solve-times-chart{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.solve-times-chart__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.solve-times-chart__tab{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.solve-times-chart__tab:hover{color:var(--color-text);background:var(--color-surface)}.solve-times-chart__tab--active{color:var(--color-primary);border-color:var(--color-border);border-bottom-color:var(--color-bg-elevated);background:var(--color-bg-elevated);margin-bottom:-1px}.solve-times-chart__bars{display:flex;gap:var(--space-1);align-items:flex-end;overflow-x:auto;padding-bottom:var(--space-1)}.chart-day{flex:1 1 0;min-width:0;display:flex;flex-direction:column;cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-1);transition:background-color var(--transition-fast),flex var(--transition-base)}.chart-day--expanded{flex:3 1 0;min-width:180px}.chart-day--condensed{flex:1 1 0}.chart-day:hover{background:var(--color-surface)}.chart-day--today{background:var(--color-info-bg)}.chart-day--today:hover{background:var(--color-info-bg);filter:brightness(.97)}.chart-day__bar-area{display:flex;align-items:stretch;justify-content:center;gap:var(--space-1);width:100%}.chart-day--condensed .chart-day__bar-area{gap:0}.chart-bar-group--condensed{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;flex:1 1 0;min-width:0}.chart-day__text{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;line-height:1.2;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:var(--space-1)}.chart-bar-group{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;flex:1 1 0;min-width:0}.chart-bar--expanded{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 2px;overflow:hidden}.chart-bar__label{font-size:10px;line-height:1.1;color:#fffffff2;font-weight:600;white-space:nowrap;text-align:center}.chart-bar__value{font-size:10px;line-height:1.1;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.chart-bar__value--inside{font-size:11px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;text-align:center}.chart-bar{width:100%;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-base)}.chart-bar--this-week{background:#2563eb}.chart-bar--best{background:#059669}.chart-bar--average{background:#d97706}.chart-bar--condensed{width:100%;max-width:none}.chart-bar__sublabel{font-size:10px;font-weight:700;color:var(--color-text-muted);line-height:1}.chart-day__name{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.solve-times-chart__legend{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-muted)}.solve-times-chart__legend-item{display:inline-flex;align-items:center;gap:var(--space-1)}.solve-times-chart__legend-swatch{display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm)}.solve-times-chart__legend-swatch--this-week{background:#2563eb}.solve-times-chart__legend-swatch--best{background:#059669}.solve-times-chart__legend-swatch--average{background:#d97706}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.daily-status{flex-direction:column}.daily-status__item{min-width:0}.friends-list__item,.friends-stats-list__item,.user-search__row{flex-direction:column;align-items:stretch}.friends-list__actions,.user-search__actions,.friends-stats-list__stats{justify-content:flex-start}.solve-history__date{min-width:0}.chart-day__name,.chart-day__text,.chart-bar__value,.chart-bar__sublabel{font-size:9px}}.puzzle-status-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;flex-shrink:0;overflow:visible;font-family:var(--font-sans);line-height:1}.puzzle-status-badge--button{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.puzzle-status-badge--button:hover{transform:scale(1.08)}.puzzle-status-badge--button:active{transform:scale(.95)}.puzzle-status-badge--button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.puzzle-status-badge__streak{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1a1a2e;color:#fff;font-weight:700;font-family:var(--font-sans);border:2px solid var(--color-bg);box-shadow:0 1px 2px #0000004d;z-index:1;line-height:1}.calendar-page{display:flex;flex-direction:column;gap:var(--space-3);max-width:480px;margin:0 auto}.calendar-page__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.calendar-nav{display:flex;align-items:center;gap:var(--space-2)}.calendar-nav__arrow{font-size:var(--font-size-lg);line-height:1;padding:var(--space-1) var(--space-3);min-width:36px;text-align:center}.calendar-nav__arrow:disabled{opacity:.35;cursor:not-allowed}.calendar-nav__selectors{display:flex;gap:var(--space-2)}.calendar-nav__select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast)}.calendar-nav__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.calendar-nav__today{margin-left:var(--space-1)}.calendar-grid-container{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);overflow:hidden}.calendar-grid__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--space-1)}.calendar-grid__weekday{text-align:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;padding:2px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid__cell{aspect-ratio:1 / 1;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.calendar-grid__cell--empty{background:transparent}.calendar-grid__cell--today{border-color:var(--color-primary);background:var(--color-info-bg)}.calendar-grid__cell--no-puzzle{opacity:.5}.calendar-grid__cell--skeleton{flex-direction:column;gap:2px}.calendar-grid__day-number{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);line-height:1}.calendar-grid__cell--today .calendar-grid__day-number{color:var(--color-primary)}.calendar-legend{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.calendar-legend__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.calendar-legend__item{display:inline-flex;align-items:center;gap:var(--space-2)}.calendar-legend__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){.calendar-page__controls{flex-direction:column;align-items:stretch}.calendar-nav{justify-content:center;flex-wrap:wrap}.calendar-grid__cell{min-height:40px;padding:2px}.calendar-grid__weekday{font-size:9px}.calendar-grid__day-number{font-size:10px}.calendar-legend__row{gap:var(--space-3)}}:root{--cw-cell-bg: #ffffff;--cw-cell-border: #1a1a1a;--cw-cell-text: #1a1a1a;--cw-cell-label: #5a5a55;--cw-black-bg: #1a1a1a;--cw-shaded-bg: #d3d3d3;--cw-circle-border: #555555;--cw-selected-bg: #1a73e8;--cw-selected-text: #ffffff;--cw-word-bg: #cfe3fc;--cw-crossing-bg: rgba(100, 149, 237, .1);--cw-cross-ref-bg: rgba(255, 224, 130, .45);--cw-correct-bg: #e6f4ea;--cw-correct-text: #188038;--cw-incorrect-bg: #fce8e6;--cw-incorrect-text: #d93025;--cw-revealed-bg: #f3e8fd;--cw-revealed-text: #6b2d8a;--cw-clue-active-bg: #cfe3fc;--cw-clue-active-border: #1a73e8;--cw-clue-filled-text: #8a8a84;--cw-pencil-color: #888888;--cw-pencil-active-bg: #fef7e0;--cw-pencil-active-border: #f5a623}html.theme-dark{--cw-cell-bg: #2a2a2a;--cw-cell-border: #555555;--cw-cell-text: #f0f0f0;--cw-cell-label: #b0b0aa;--cw-black-bg: #0a0a0a;--cw-shaded-bg: #3a3a3a;--cw-circle-border: #aaaaaa;--cw-selected-bg: #2a5db0;--cw-selected-text: #ffffff;--cw-word-bg: #1a3a5a;--cw-crossing-bg: rgba(100, 149, 237, .12);--cw-cross-ref-bg: rgba(255, 193, 7, .2);--cw-correct-bg: #1a3a1a;--cw-correct-text: #6bcf7f;--cw-incorrect-bg: #3a1a1a;--cw-incorrect-text: #ff6b6b;--cw-revealed-bg: #2a1a3a;--cw-revealed-text: #c99ae0;--cw-clue-active-bg: #1a3a5a;--cw-clue-active-border: #6ab0ff;--cw-clue-filled-text: #80807a;--cw-pencil-color: #999999;--cw-pencil-active-bg: #3a3520;--cw-pencil-active-border: #d4a017}@media (prefers-color-scheme: dark){html:not(.theme-light):not(.theme-dark){--cw-cell-bg: #2a2a2a;--cw-cell-border: #555555;--cw-cell-text: #f0f0f0;--cw-cell-label: #b0b0aa;--cw-black-bg: #0a0a0a;--cw-shaded-bg: #3a3a3a;--cw-circle-border: #aaaaaa;--cw-selected-bg: #2a5db0;--cw-selected-text: #ffffff;--cw-word-bg: #1a3a5a;--cw-crossing-bg: rgba(100, 149, 237, .12);--cw-cross-ref-bg: rgba(255, 193, 7, .2);--cw-correct-bg: #1a3a1a;--cw-correct-text: #6bcf7f;--cw-incorrect-bg: #3a1a1a;--cw-incorrect-text: #ff6b6b;--cw-revealed-bg: #2a1a3a;--cw-revealed-text: #c99ae0;--cw-clue-active-bg: #1a3a5a;--cw-clue-active-border: #6ab0ff;--cw-clue-filled-text: #80807a;--cw-pencil-color: #999999;--cw-pencil-active-bg: #3a3520;--cw-pencil-active-border: #d4a017}}.cw-solver{display:grid;grid-template-columns:minmax(0,1fr) 544px;grid-template-areas:"meta     sidebar" "toolbar  sidebar" "active   sidebar" "grid     sidebar";gap:var(--space-4);align-items:start}.cw-solver__meta{grid-area:meta}.cw-solver__toolbar{grid-area:toolbar}.cw-solver__active{grid-area:active}.cw-solver__grid-area{grid-area:grid;display:flex;justify-content:center}.cw-solver__sidebar{grid-area:sidebar;align-self:stretch;position:sticky;top:calc(var(--header-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--space-8));min-height:0;overflow:hidden;display:flex;flex-direction:column}.cw-solver__back{margin-bottom:var(--space-2)}.cw-meta{display:flex;flex-direction:column;gap:var(--space-1)}.cw-meta__title{font-size:var(--font-size-2xl);line-height:1.2;margin:0}.cw-meta__sub{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.cw-meta__constructors{font-style:italic}.cw-meta__copyright{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.cw-grid-wrapper{display:flex;justify-content:center;width:100%}.cw-grid{display:grid;grid-template-columns:repeat(var(--cw-cols),minmax(0,1fr));grid-template-rows:repeat(var(--cw-rows),minmax(0,1fr));width:min(100%,570px);aspect-ratio:var(--cw-cols) / var(--cw-rows);background:var(--cw-cell-border);border:2px solid var(--cw-cell-border);border-radius:var(--radius-sm);overflow:hidden;gap:1px;padding:1px;-webkit-user-select:none;user-select:none;font-size:clamp(14px,calc(38px * 15 / var(--cw-cols)),54px)}.cw-grid__cell-slot{display:flex;min-width:0;min-height:0}.cw-cell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1 / 1;background:var(--cw-cell-bg);border:none;padding:0;margin:0;cursor:pointer;font-family:var(--font-sans);color:var(--cw-cell-text);transition:background-color var(--transition-fast),color var(--transition-fast);overflow:hidden;container-type:inline-size}.cw-cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.cw-cell--black{background:var(--cw-black-bg);cursor:default}.cw-cell--shaded{background:var(--cw-shaded-bg)}.cw-cell--circled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82cqi;height:82cqi;border:1.5px solid var(--cw-circle-border);border-radius:50%;z-index:0;pointer-events:none}.cw-cell__label,.cw-cell__letter{position:relative;z-index:1}.cw-cell--circled .cw-cell__label{background:var(--cw-cell-bg);padding:0 .1em;border-radius:2px;line-height:1}.cw-cell--circled.cw-cell--shaded .cw-cell__label{background:var(--cw-shaded-bg)}.cw-cell--selected.cw-cell--circled .cw-cell__label{background:var(--cw-selected-bg)}.cw-cell--word.cw-cell--circled .cw-cell__label{background:var(--cw-word-bg)}.cw-cell--cross-ref.cw-cell--circled .cw-cell__label{background:var(--cw-cross-ref-bg)}.cw-cell--correct.cw-cell--circled .cw-cell__label{background:var(--cw-correct-bg)}.cw-cell--incorrect.cw-cell--circled .cw-cell__label{background:var(--cw-incorrect-bg)}.cw-cell--revealed.cw-cell--circled .cw-cell__label{background:var(--cw-revealed-bg)}.cw-cell--selected.cw-cell--circled:after{border-color:var(--cw-selected-text)}.cw-cell__label{position:absolute;top:.15em;left:.2em;font-size:26cqi;line-height:1;font-weight:600;color:var(--cw-cell-label);pointer-events:none}.cw-cell__letter{font-size:62cqi;font-weight:600;line-height:1;pointer-events:none}.cw-cell__letter--rebus{font-size:var(--cw-rebus-font-size, 30cqi);line-height:1.1;letter-spacing:-.03em;word-break:break-all;overflow-wrap:anywhere}.cw-cell__letter--pencil{color:var(--cw-pencil-color);font-weight:500}.cw-cell--correct .cw-cell__letter--pencil,.cw-cell--incorrect .cw-cell__letter--pencil,.cw-cell--revealed .cw-cell__letter--pencil{color:var(--cw-pencil-color)}.cw-cell--selected .cw-cell__letter--pencil{color:#b0b0b0}.cw-grid__hidden-input{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;border:none;padding:0;margin:0;font-size:16px}.cw-rebus-hint{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.cw-cell--selected{background:var(--cw-selected-bg);color:var(--cw-selected-text)}.cw-cell--selected .cw-cell__label{color:var(--cw-selected-text);opacity:.8}.cw-cell--word{background:var(--cw-word-bg)}.cw-cell--cross-ref{background:var(--cw-cross-ref-bg)}.cw-cell--rebus-active{box-shadow:inset 0 0 0 3px var(--color-warning)}.cw-cell--correct{background:var(--cw-correct-bg);color:var(--cw-correct-text)}.cw-cell--correct .cw-cell__label{color:var(--cw-correct-text);opacity:.7}.cw-cell--incorrect{background:var(--cw-incorrect-bg);color:var(--cw-incorrect-text)}.cw-cell--incorrect .cw-cell__letter{text-decoration:line-through;text-decoration-thickness:2px}.cw-cell--revealed{background:var(--cw-revealed-bg);color:var(--cw-revealed-text)}.cw-cell--revealed .cw-cell__label{color:var(--cw-revealed-text);opacity:.7}.cw-cell--selected.cw-cell--correct,.cw-cell--selected.cw-cell--incorrect,.cw-cell--selected.cw-cell--revealed{background:var(--cw-selected-bg);color:var(--cw-selected-text)}.cw-active-clue{display:flex;align-items:stretch;gap:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:3rem;max-width:100%;overflow:hidden}.cw-active-clue__measure{position:absolute;left:-9999px;top:0;visibility:hidden;pointer-events:none}.cw-active-clue__measure-text{font-size:var(--font-size-base);line-height:1.3;overflow-wrap:break-word;white-space:pre-wrap}.cw-active-clue__nav{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;justify-content:center;padding-block:0;min-height:2.5rem}.cw-active-clue__nav.btn--sm{padding-top:0;padding-bottom:0;font-size:var(--font-size-xl);line-height:1}.cw-active-clue__content{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-3);min-width:0;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.cw-active-clue__content:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .04));border-radius:var(--radius-sm)}.cw-active-clue__content:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.cw-active-clue__label{display:inline-flex;align-items:baseline;gap:var(--space-1);font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);white-space:nowrap}.cw-active-clue__direction{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.cw-active-clue__text{flex:1 1 0;min-width:0;font-size:var(--font-size-base);line-height:1.3;color:var(--color-text);overflow-wrap:break-word;word-break:break-word}.cw-active-clue__placeholder{color:var(--color-text-muted);font-style:italic}.cw-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.cw-toolbar__group{display:flex;align-items:center;gap:var(--space-1)}.cw-toolbar__spacer{flex:1 1 auto}.cw-toolbar__progress{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding:0 var(--space-2);white-space:nowrap;min-width:7ch;text-align:center}.cw-toolbar__timer{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text);padding:0 var(--space-2);white-space:nowrap}.cw-toolbar__timer-icon{font-size:var(--font-size-base)}.cw-dropdown{position:relative}.cw-dropdown__menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:50;min-width:160px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.cw-dropdown__item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast)}.cw-dropdown__item:hover:not(:disabled){background:var(--color-surface)}.cw-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.cw-dropdown__section-label{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface);cursor:default}.cw-dropdown__divider{height:1px;background:var(--color-border);margin:0;border:none}.cw-toolbar__pencil--active{background:var(--cw-pencil-active-bg);border-color:var(--cw-pencil-active-border);color:var(--cw-pencil-active-border)}.cw-cluelists{display:flex;flex-direction:row;gap:var(--space-4);height:100%;min-height:0}.cw-cluelist{display:flex;flex-direction:column;min-height:0;flex:1 1 0}.cw-cluelist__heading{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-bottom:2px solid var(--color-primary);margin:0 0 var(--space-1);flex:0 0 auto}.cw-cluelist__items{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:80px}.cw-clue{margin:0}.cw-clue__button{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-left:3px solid transparent;background:none;text-align:left;font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.cw-clue__button:hover{background:var(--color-surface)}.cw-clue--active .cw-clue__button{background:var(--cw-clue-active-bg);border-left-color:var(--cw-clue-active-border);font-weight:600}.cw-clue__label{flex:0 0 auto;font-weight:700;color:var(--color-primary);min-width:1.5em;text-align:right}.cw-clue__text{flex:1 1 auto}.cw-clue__check{flex:0 0 auto;color:var(--color-success);font-weight:700}.cw-clue--filled .cw-clue__text{color:var(--cw-clue-filled-text)}.cw-clue--correct .cw-clue__text{color:var(--color-success)}.cw-clue--crossing .cw-clue__button{background:var(--cw-crossing-bg);border-left-color:var(--cw-crossing-bg)}.cw-clue--cross-ref .cw-clue__button{background:var(--cw-cross-ref-bg)}.cw-celebrate{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;animation:cw-celebrate-pop .4s ease}@keyframes cw-celebrate-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.cw-celebrate__title{font-size:var(--font-size-2xl);color:var(--color-success);margin-bottom:var(--space-2)}.cw-celebrate__text{color:var(--color-text);margin-bottom:var(--space-3)}.cw-celebrate__time{font-size:var(--font-size-lg);font-weight:600;font-variant-numeric:tabular-nums}.cw-loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}@media (max-width: 900px){.cw-solver{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "toolbar" "active" "grid" "sidebar"}.cw-solver__sidebar{position:static;max-height:none}.cw-cluelists{flex-direction:row;gap:var(--space-4)}.cw-cluelist{flex:1 1 0}.cw-cluelist__items{max-height:300px}}@media (max-width: 560px){.puzzle-solver-page__back,.cw-solver__meta{display:none}.app-shell{height:100dvh;min-height:0}.app-footer{display:none}.app-main{padding-top:var(--space-2);padding-bottom:0}.puzzle-solver-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-1)}.cw-solver{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "toolbar" "grid" "bottom-bar";grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-1);flex:1;min-height:0}.cw-solver__sidebar{display:none}.cw-solver__grid-area{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:stretch}.cw-grid-wrapper{max-height:100%;max-width:100%;min-height:0;min-width:0;display:flex;justify-content:center;align-items:center;touch-action:none}.cw-grid{max-width:none;max-height:none}.cw-solver__bottom-bar{grid-area:bottom-bar;position:sticky;bottom:0;z-index:50;background:var(--color-bg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0;padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 8px #0000001a}.cw-toolbar{gap:var(--space-1);flex-wrap:nowrap;overflow:visible;padding:var(--space-1) var(--space-2)}.cw-toolbar__info-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);padding:var(--space-2) var(--space-3) var(--space-1)}.cw-toolbar__info-meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:0 var(--space-3) var(--space-1)}.cw-toolbar__info-constructors{font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-muted);padding:0 var(--space-3)}.cw-toolbar__info-copyright{font-size:var(--font-size-xs);color:var(--color-text-subtle);padding:var(--space-1) var(--space-3) var(--space-2)}.cw-toolbar__progress{display:none}.cw-toolbar__timer{padding:0 var(--space-1);font-size:var(--font-size-xs);white-space:nowrap}.cw-toolbar__timer-icon{font-size:var(--font-size-sm)}.cw-toolbar .btn--sm{padding:var(--space-1) var(--space-2)}.cw-active-clue{padding:var(--space-1) var(--space-2);gap:var(--space-1)}.cw-active-clue__nav .btn--sm{padding:var(--space-1)}.cw-active-clue__label{font-size:var(--font-size-base)}.cw-active-clue__content{gap:var(--space-2)}.cw-active-clue__text,.cw-active-clue__measure-text{font-size:var(--font-size-sm)}.cw-meta__title{font-size:var(--font-size-xl)}.cw-meta__sub{gap:var(--space-1) var(--space-2)}}@media (hover: none) and (pointer: coarse){.cw-cell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.cw-toolbar__btn{padding:var(--space-2) var(--space-3);min-height:40px}}@media (min-width: 561px) and (max-width: 900px){.cw-grid{width:min(100%,510px)}.cw-cluelist__items{max-height:250px}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.cw-solver{gap:var(--space-2)}.cw-meta__title{font-size:var(--font-size-lg)}.cw-grid{width:min(100%,420px)}.cw-cluelist__items{max-height:150px}}.cw-prefs-modal{max-width:520px}.cw-prefs-modal__body{gap:var(--space-3)}.cw-prefs-row{border:none;padding:0;margin:0}.cw-prefs-row__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding:0;margin-bottom:var(--space-1)}.cw-prefs-row--toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.cw-prefs-row--toggle:hover{border-color:var(--color-border-strong)}.cw-prefs-row--toggle .cw-prefs-row__label{margin-bottom:0;cursor:pointer}.cw-prefs-row--disabled{opacity:.5;cursor:not-allowed}.cw-prefs-row--disabled .cw-prefs-row__label{cursor:not-allowed}.cw-prefs-toggle-group{display:flex;flex-direction:column;gap:var(--space-1)}.cw-prefs-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;padding:0 var(--space-3);line-height:1.4}.cw-prefs-radio-group{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cw-prefs-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.cw-prefs-radio input[type=radio]{accent-color:var(--color-primary);cursor:pointer}.cw-prefs-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.cw-prefs-checkbox:disabled{cursor:not-allowed}.cw-prefs-modal__status{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--space-1);min-height:1em}.cw-start-overlay{z-index:150}.cw-start-overlay__modal{max-width:480px}.cw-start-overlay__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.cw-start-overlay__title{font-size:var(--font-size-2xl);font-weight:700;margin:0;color:var(--color-text)}.cw-start-overlay__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.cw-start-overlay__constructor{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted)}.cw-start-overlay__copyright{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.cw-start-overlay__note{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;margin:var(--space-2) 0}.cw-start-overlay__button{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-8);margin-top:var(--space-2)}.cw-pause-overlay{z-index:150}.cw-pause-overlay__modal{max-width:400px}.cw-pause-overlay__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center}.cw-pause-overlay__title{font-size:var(--font-size-2xl);font-weight:700;margin:0;color:var(--color-text)}.cw-pause-overlay__time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-primary)}.cw-pause-overlay__time-icon{font-size:var(--font-size-2xl)}.cw-pause-overlay__button{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-8)}.cw-grid--locked{opacity:.85;transition:opacity var(--transition-base)}.cw-grid--completed{opacity:.92;transition:opacity var(--transition-base)}.cw-completion-modal{z-index:200}.cw-completion-modal__modal{max-width:460px}.cw-completion-modal__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.cw-completion-modal__icon{font-size:3rem;line-height:1}.cw-completion-modal__title{font-size:var(--font-size-2xl);font-weight:700;margin:0;color:var(--color-success)}.cw-completion-modal__text{font-size:var(--font-size-base);color:var(--color-text);margin:0}.cw-completion-modal__time{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-success)}.cw-completion-modal__time-label{font-weight:400;color:var(--color-text-muted)}.cw-completion-modal__puzzle-title{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.cw-completion-modal__button{font-size:var(--font-size-base);padding:var(--space-2) var(--space-6);margin-top:var(--space-2)}.cw-completion-modal__streak-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:9999px;background:linear-gradient(135deg,#fff7d6,#ffe9a8);border:2px solid #f5c518;box-shadow:0 2px 6px #f5c51859;color:#5a4500;font-weight:600;line-height:1}.cw-completion-modal__streak-star{font-size:1.5rem;line-height:1;color:#f5c518;text-shadow:0 1px 2px rgba(0,0,0,.15)}.cw-completion-modal__streak-length{font-size:var(--font-size-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.cw-completion-modal__streak-label{font-size:var(--font-size-sm);font-weight:500;color:#6b5200}.cw-completion-modal__streak-badge--clean-late{background:linear-gradient(135deg,#e6f5ec,#c8e8d4);border-color:#2e8b57;box-shadow:0 2px 6px #2e8b574d;color:#1f5e3a}.cw-completion-modal__streak-star--green{color:#2e8b57;text-shadow:0 1px 2px rgba(0,0,0,.15)}.cw-grid-wrapper--has-overlay .cw-grid{position:relative}.cw-grid__overlay-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:5;animation:cw-grid-overlay-fade-in .3s ease}.cw-grid__overlay-image--start{z-index:4;animation:none}html.theme-dark .cw-grid__overlay-image,html:not(.theme-light) .cw-grid__overlay-image{filter:invert(1) hue-rotate(180deg)}html.theme-light .cw-grid__overlay-image{filter:none}@keyframes cw-grid-overlay-fade-in{0%{opacity:0}to{opacity:1}}.cw-incorrect-modal{z-index:200}.cw-incorrect-modal__modal{max-width:440px}.cw-incorrect-modal__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.cw-incorrect-modal__icon{font-size:2.5rem;line-height:1}.cw-incorrect-modal__title{font-size:var(--font-size-xl);font-weight:700;margin:0;color:var(--color-warning)}.cw-incorrect-modal__text{font-size:var(--font-size-base);color:var(--color-text);margin:0}.cw-incorrect-modal__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.cw-incorrect-modal__button{font-size:var(--font-size-base);padding:var(--space-2) var(--space-6);margin-top:var(--space-2)}.cw-completion-banner{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center}.cw-completion-banner__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-success);margin-bottom:var(--space-1)}.cw-completion-banner__text{font-size:var(--font-size-sm);color:var(--color-text)}.cw-completion-banner__streak{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:9999px;background:linear-gradient(135deg,#fff7d6,#ffe9a8);border:2px solid #f5c518;box-shadow:0 2px 6px #f5c51859;color:#5a4500;font-weight:600;line-height:1}.cw-completion-banner__streak-star{font-size:1.25rem;line-height:1;color:#f5c518;text-shadow:0 1px 2px rgba(0,0,0,.15)}.cw-completion-banner__streak-length{font-size:var(--font-size-lg);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.cw-completion-banner__streak-label{font-size:var(--font-size-sm);font-weight:500;color:#6b5200}.cw-completion-banner__streak--clean-late{background:linear-gradient(135deg,#e6f5ec,#c8e8d4);border-color:#2e8b57;box-shadow:0 2px 6px #2e8b574d;color:#1f5e3a}.cw-completion-banner__streak-star--green{color:#2e8b57;text-shadow:0 1px 2px rgba(0,0,0,.15)}.cw-virtual-keyboard{display:none}@media (max-width: 560px){.cw-virtual-keyboard{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.cw-vk__row{display:flex;justify-content:center;gap:var(--space-1)}.cw-vk__key{flex:1 1 0;min-height:44px;min-width:32px;max-width:48px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cw-vk__key:active:not(:disabled){background:var(--color-primary);color:var(--cw-selected-text);border-color:var(--color-primary)}.cw-vk__key:disabled{opacity:.4;cursor:not-allowed}.cw-vk__key--letter{text-transform:uppercase}.cw-vk__key--wide{max-width:72px;flex:1.6 1 0}.cw-vk__key--backspace{font-size:var(--font-size-lg)}.cw-vk__key--toggle{font-size:var(--font-size-sm)}.cw-vk__key--active{background:var(--cw-pencil-active-bg);border-color:var(--cw-pencil-active-border);color:var(--cw-pencil-active-border)}}.cw-clue-sheet__backdrop{display:none}@media (max-width: 560px){.cw-clue-sheet__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000080;animation:cw-clue-sheet-fade-in .2s ease-out}.cw-clue-sheet{position:fixed;left:0;right:0;bottom:0;max-height:80vh;background:var(--color-bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s ease-out;z-index:251}.cw-clue-sheet--open{transform:translateY(0)}.cw-clue-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex:0 0 auto}.cw-clue-sheet__title{font-size:var(--font-size-lg);font-weight:700;margin:0}.cw-clue-sheet__close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);line-height:1;flex:0 0 auto}.cw-clue-sheet__close:hover{color:var(--color-text)}.cw-clue-sheet__body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-2) var(--space-3);flex:1 1 auto}.cw-clue-sheet__group{margin-bottom:var(--space-4)}.cw-clue-sheet__group:last-child{margin-bottom:0}.cw-clue-sheet__group-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-bottom:2px solid var(--color-primary);margin:0 0 var(--space-1)}.cw-clue-sheet__list{list-style:none;margin:0;padding:0}.cw-clue-sheet__item{margin:0}.cw-clue-sheet__button{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:var(--space-2);border:none;border-left:3px solid transparent;border-radius:var(--radius-sm);background:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.cw-clue-sheet__button:active{background:var(--color-surface)}.cw-clue-sheet__item--active .cw-clue-sheet__button{background:var(--cw-clue-active-bg);border-left-color:var(--cw-clue-active-border)}.cw-clue-sheet__item--filled .cw-clue-sheet__text{color:var(--cw-clue-filled-text)}.cw-clue-sheet__clue-row{display:flex;align-items:baseline;gap:var(--space-2)}.cw-clue-sheet__label{flex:0 0 auto;font-weight:700;color:var(--color-primary);min-width:1.5em;text-align:right}.cw-clue-sheet__direction{flex:0 0 auto;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.cw-clue-sheet__text{flex:1 1 auto;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.cw-clue-sheet__cells{display:flex;flex-wrap:wrap;gap:2px;padding-left:calc(1.5em + var(--space-2))}.cw-clue-sheet__cell{width:1.4em;height:1.4em;border:1px solid var(--cw-cell-border);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;background:var(--cw-cell-bg);color:var(--cw-cell-text);flex:0 0 auto}.cw-clue-sheet__cell--selected{background:var(--cw-selected-bg);color:var(--cw-selected-text);border-color:var(--cw-selected-bg)}@keyframes cw-clue-sheet-fade-in{0%{opacity:0}to{opacity:1}}}.cw-active-clue__menu{flex:0 0 auto;align-self:center;display:none}@media (max-width: 560px){.cw-active-clue__menu{display:inline-flex;align-items:center;justify-content:center}}:root{--color-bg: #ffffff;--color-bg-alt: #f7f7f5;--color-bg-elevated: #ffffff;--color-surface: #f0f0ee;--color-border: #d8d8d4;--color-border-strong: #b0b0aa;--color-text: #1a1a1a;--color-text-muted: #5a5a55;--color-text-subtle: #8a8a84;--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-text: #ffffff;--color-accent: #e8710d;--color-danger: #d93025;--color-danger-bg: #fce8e6;--color-success: #188038;--color-success-bg: #e6f4ea;--color-warning: #b06000;--color-warning-bg: #fef7e0;--color-info: #1a73e8;--color-info-bg: #e8f0fe;--badge-full-bg: #1a73e8;--badge-full-text: #ffffff;--badge-midi-bg: #9334c9;--badge-midi-text: #ffffff;--badge-mini-bg: #e8710d;--badge-mini-text: #ffffff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--max-width: 1024px;--header-height: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease}html.theme-dark{--color-bg: #1a1a1a;--color-bg-alt: #222222;--color-bg-elevated: #2a2a2a;--color-surface: #2e2e2e;--color-border: #3a3a3a;--color-border-strong: #555555;--color-text: #f0f0f0;--color-text-muted: #b0b0aa;--color-text-subtle: #80807a;--color-primary: #6ab0ff;--color-primary-hover: #8ac4ff;--color-primary-text: #0a0a0a;--color-danger: #ff6b6b;--color-danger-bg: #3a1a1a;--color-success: #6bcf7f;--color-success-bg: #1a3a1a;--color-warning: #ffcc66;--color-warning-bg: #3a3010;--color-info: #6ab0ff;--color-info-bg: #1a2a3a;--badge-full-bg: #2a5db0;--badge-midi-bg: #6b2d8a;--badge-mini-bg: #b06010;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){html:not(.theme-light):not(.theme-dark){--color-bg: #1a1a1a;--color-bg-alt: #222222;--color-bg-elevated: #2a2a2a;--color-surface: #2e2e2e;--color-border: #3a3a3a;--color-border-strong: #555555;--color-text: #f0f0f0;--color-text-muted: #b0b0aa;--color-text-subtle: #80807a;--color-primary: #6ab0ff;--color-primary-hover: #8ac4ff;--color-primary-text: #0a0a0a;--color-danger: #ff6b6b;--color-danger-bg: #3a1a1a;--color-success: #6bcf7f;--color-success-bg: #1a3a1a;--color-warning: #ffcc66;--color-warning-bg: #3a3010;--color-info: #6ab0ff;--color-info-bg: #1a2a3a;--badge-full-bg: #2a5db0;--badge-midi-bg: #6b2d8a;--badge-mini-bg: #b06010;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.app-header__inner{max-width:var(--max-width);height:var(--header-height);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.app-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:700;font-size:var(--font-size-lg);text-decoration:none}.app-logo:hover{text-decoration:none}.app-logo__icon{color:var(--color-primary);display:flex;align-items:center;transform:rotate(45deg)}.app-logo__text{white-space:nowrap}.app-nav{display:flex;gap:var(--space-1);margin-left:var(--space-2)}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background-color:var(--color-surface);color:var(--color-text);text-decoration:none}.nav-link--active{color:var(--color-primary);background-color:var(--color-surface)}.app-header__user{margin-left:auto}.app-header__auth-links{display:flex;gap:var(--space-2)}.user-menu{position:relative}.user-menu__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.user-menu__toggle:hover{border-color:var(--color-border-strong)}.user-menu__avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:var(--color-primary-text);font-weight:600;font-size:var(--font-size-sm)}.user-menu__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.user-menu__dropdown{position:absolute;right:0;top:calc(100% + var(--space-1));min-width:180px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:101;overflow:hidden}.user-menu__username{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.user-menu__email{padding:0 var(--space-4) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);word-break:break-all}.user-menu__item{display:block;width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:left;color:var(--color-text);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.user-menu__item:hover{background-color:var(--color-surface)}.app-main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-5) var(--space-4)}.app-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-alt);padding:var(--space-4) 0;font-size:var(--font-size-xs);color:var(--color-text-subtle)}.app-footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-text)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface);text-decoration:none}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--color-danger);opacity:.9}.btn--block{width:100%}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:var(--font-size-lg);line-height:1;border-radius:var(--radius-sm);flex-shrink:0}.theme-toggle__icon{font-size:1.15rem;line-height:1}.btn--icon{padding:var(--space-1) var(--space-3);font-size:var(--font-size-lg);line-height:1;min-width:36px}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.tab{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.tab--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.type-selector{display:flex;flex-direction:column;gap:var(--space-1)}.type-selector__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.type-selector__buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);color:var(--color-text-muted)}.badge--full{background:var(--badge-full-bg);color:var(--badge-full-text)}.badge--midi{background:var(--badge-midi-bg);color:var(--badge-midi-text)}.badge--mini{background:var(--badge-mini-bg);color:var(--badge-mini-text)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-field__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.form-field__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.form-field__input:disabled{background:var(--color-surface);cursor:not-allowed}.auth-page{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.auth-card{width:100%;max-width:400px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.auth-card__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.auth-form{display:flex;flex-direction:column}.auth-card__footer{margin-top:var(--space-5);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-field__required{color:var(--color-danger);font-weight:700}.form-field__optional{color:var(--color-text-subtle);font-weight:400;font-size:var(--font-size-xs)}.form-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-xl);font-weight:600}.modal__close{background:none;border:none;font-size:var(--font-size-2xl);line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-1);transition:color var(--transition-fast)}.modal__close:hover{color:var(--color-text)}.modal__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.generate-codes__form{display:flex;flex-direction:column;gap:var(--space-3)}.generate-codes__results{display:flex;flex-direction:column;gap:var(--space-2)}.generate-codes__results-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.generate-codes__results-title{font-weight:600;font-size:var(--font-size-sm)}.code-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.code-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.code-list__code{font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.generate-codes__hint{font-size:var(--font-size-xs);color:var(--color-warning);margin:0}.home-page{display:flex;flex-direction:column;gap:var(--space-6)}.hero{text-align:center;padding:var(--space-6) 0}.hero__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.hero__subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.home-section{display:flex;flex-direction:column;gap:var(--space-4)}.home-section__controls{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.home-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.home-section__title{font-size:var(--font-size-xl)}.home-section--sync,.home-section--cta{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.puzzle-grid-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.puzzle-grid-box:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001f;transform:translateY(-2px)}.puzzle-grid-box:active{transform:translateY(0)}.puzzle-grid-box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.puzzle-grid-box__badge{display:flex;align-items:center;justify-content:center;height:64px}.puzzle-grid-box__type{font-size:var(--font-size-lg);font-weight:700;text-transform:capitalize;line-height:1.2}.puzzle-grid-box__title{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.puzzle-grid-box--skeleton{pointer-events:none;text-decoration:none}.puzzle-grid-box--skeleton:hover{border-color:var(--color-border);box-shadow:none;transform:none}.home-section--in-progress{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.in-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.in-progress-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.in-progress-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001f;transform:translateY(-2px)}.in-progress-card:active{transform:translateY(0)}.in-progress-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.in-progress-card__delete{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:var(--color-surface);color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);z-index:1}.in-progress-card__delete:hover{background:var(--color-danger);color:#fff}.in-progress-card__badge{display:flex;align-items:center;justify-content:center;height:64px}.in-progress-card__type{font-size:var(--font-size-lg);font-weight:700;text-transform:capitalize;line-height:1.2}.in-progress-card__title{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.in-progress-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2}.in-progress-card__pct{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);line-height:1.2}.in-progress-card--confirming{align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-3)}.in-progress-card__confirm-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.in-progress-card__confirm-actions{display:flex;gap:var(--space-2)}.in-progress-card--skeleton{pointer-events:none;text-decoration:none}.in-progress-card--skeleton:hover{border-color:var(--color-border);box-shadow:none;transform:none}.date-picker{display:flex;flex-direction:column;gap:var(--space-2)}.date-picker__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.date-picker__controls{display:flex;align-items:center;gap:var(--space-2)}.date-picker__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg)}.date-picker__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.date-picker__quick{display:flex;gap:var(--space-2)}.date-picker__display{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cta-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.cta-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.cta-card__text{color:var(--color-text-muted);margin-bottom:var(--space-4)}.cta-card__actions{display:flex;gap:var(--space-3);justify-content:center}.puzzle-list{display:grid;gap:var(--space-3);list-style:none}.puzzle-list__item{list-style:none}.puzzle-card{display:block;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.puzzle-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);text-decoration:none}.puzzle-card:active{transform:scale(.998)}.puzzle-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.puzzle-card__date{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto}.puzzle-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.puzzle-card__meta{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.puzzle-card__constructors{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puzzle-card__dimensions{font-variant-numeric:tabular-nums;white-space:nowrap}.puzzle-card--skeleton{pointer-events:none}.skeleton{display:block;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-bg-alt) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--badge{width:48px;height:20px}.skeleton--date{width:100px;height:16px;margin-left:auto}.skeleton--title{width:70%;height:20px;margin-bottom:var(--space-2)}.skeleton--meta{width:50%;height:14px}.empty-state{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.empty-state__title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--font-size-sm);max-width:400px;margin:0 auto}.loading-state{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.page-header{margin-bottom:var(--space-5)}.page-header__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.page-header__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.filters-bar{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.filters-bar__date{display:flex;flex-direction:column;gap:var(--space-2)}.puzzle-list-page__results{display:flex;flex-direction:column;gap:var(--space-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) 0}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination__info--single{text-align:center}.sync-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.sync-panel__title{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.sync-panel__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.sync-panel__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.sync-panel__form{display:flex;flex-direction:column;gap:var(--space-3);max-width:480px}.sync-panel__note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.sync-panel__jobs{margin-top:var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.sync-panel__subtitle{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sync-jobs-list{display:flex;flex-direction:column;gap:var(--space-2)}.sync-job-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.sync-job-item__status{font-weight:600;text-transform:uppercase;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.sync-job-item__status--completed{background:var(--color-success-bg);color:var(--color-success)}.sync-job-item__status--failed{background:var(--color-danger-bg);color:var(--color-danger)}.sync-job-item__status--running,.sync-job-item__status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.sync-job-item__type{color:var(--color-text-muted);text-transform:capitalize}.sync-job-item__count{margin-left:auto;font-variant-numeric:tabular-nums}.sync-job-item__error{color:var(--color-danger)}.puzzle-solver-page{display:flex;flex-direction:column;gap:var(--space-4)}.puzzle-solver-page__back{margin-bottom:var(--space-2)}.puzzle-solver-placeholder{display:flex;flex-direction:column;gap:var(--space-3)}.puzzle-solver-placeholder__title{font-size:var(--font-size-2xl)}.puzzle-solver-placeholder__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.puzzle-solver-placeholder__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.puzzle-solver-placeholder__heading{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-muted)}.puzzle-solver-placeholder__text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.puzzle-solver-placeholder__stats{display:grid;grid-template-columns:auto auto;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.puzzle-solver-placeholder__stats dt{font-weight:600;color:var(--color-text-muted)}.puzzle-solver-placeholder__stats dd{font-variant-numeric:tabular-nums}.not-found-page{text-align:center;padding:var(--space-8) var(--space-4)}.not-found-page__title{font-size:3rem;color:var(--color-text-subtle)}.not-found-page__text{color:var(--color-text-muted);margin-bottom:var(--space-4)}.placeholder-page{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.settings-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:640px;margin:0 auto}.settings-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.settings-card__title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1) 0}.settings-card__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.settings-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.settings-form{display:flex;flex-direction:column}.settings-theme-options{display:flex;flex-direction:column;gap:var(--space-2)}.settings-theme-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.settings-theme-option:hover{border-color:var(--color-border-strong)}.settings-theme-option--active{border-color:var(--color-primary);background:var(--color-primary-bg, rgba(26, 115, 232, .06))}.settings-theme-option input[type=radio]{margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.settings-theme-option__label{font-weight:600;font-size:var(--font-size-sm);display:block}.settings-theme-option__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;margin-top:2px}@media (max-width: 640px){.app-header__inner{padding:0 var(--space-3);gap:var(--space-2);padding-top:env(safe-area-inset-top,0px);height:auto;min-height:var(--header-height)}.app-logo__text{display:none}.app-nav{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-header__auth-links .btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.user-menu__name{display:none}.app-main{padding:var(--space-3) var(--space-2);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;min-height:0}.home-section__controls{flex-direction:column}.puzzle-grid,.in-progress-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.filters-bar{flex-direction:column}.puzzle-card__meta{flex-direction:column;gap:var(--space-1)}.pagination{flex-wrap:wrap}}