:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-teal: #14b8a6;--accent-yellow: #fbbf24;--accent-purple: #a78bfa;--accent-pink: #f472b6;--accent-light-blue: #60a5fa;--level-easy-bg: #ffffff;--level-normal-bg: #fef3c7;--level-difficult-bg: #f3e8ff;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--cell-selected-bg: #eff6ff;--cell-highlighted-bg: #fef3c7;--clue-selected-bg: #fef3c7;--clue-selected-border: #f59e0b;--shadow-sm: 0 .0625rem .125rem 0 rgb(0 0 0 / .05);--shadow-md: 0 .25rem .375rem -.0625rem rgb(0 0 0 / .1), 0 .125rem .25rem -.125rem rgb(0 0 0 / .1);--shadow-lg: 0 .625rem .9375rem -.1875rem rgb(0 0 0 / .1), 0 .25rem .375rem -.25rem rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--crossword-font-xs: .5em;--crossword-font-sm: .75em;--crossword-font-base: 1em;--crossword-font-lg: 1.25em;--crossword-font-xl: 1.5em;--crossword-font-2xl: 2em;--crossword-font-3xl: 2.5em;--crossword-font-4xl: 3em;--crossword-font-5xl: 3.5em;--crossword-font-6xl: 4em;--min-grid-width: 25rem;--max-grid-width: 43.75rem}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;font-size:var(--font-base);display:flex;justify-content:center;align-items:center}.u-hidden{opacity:0;z-index:-1}.crossword-page{display:flex;flex-direction:column;align-items:center;width:100%;font-size:min(1vw,.375rem)}.crossword-page__content-wrapper{display:flex;flex-direction:column;max-width:calc(var(--max-grid-width) * 2 + var(--spacing-lg));width:100%;justify-content:center}.crossword-page__container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);width:100%;box-sizing:border-box}.crossword-input{position:absolute;height:1px;width:1px;z-index:0;caret-color:transparent;border:none;outline:none;opacity:0}.grid-container{display:flex;flex-direction:column;margin:0;flex:1 1 49%;min-width:var(--min-grid-width);max-width:100%;overflow:hidden;box-sizing:border-box}.grid-container__grid{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:100%}.grid{position:relative;max-height:50rem;max-width:100%;width:100%;min-width:0;box-sizing:border-box;border-left:.0625rem solid var(--text-primary);border-top:.0625rem solid var(--text-primary);background-color:var(--text-primary);font-size:var(--crossword-font-4xl);overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:.0625rem solid var(--border-color);margin-bottom:var(--spacing-sm);gap:var(--spacing-md);box-sizing:border-box}.header__favicon{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;border:.0625rem solid var(--border-color);color:var(--text-primary);font-size:var(--font-xl)}.header__favicon:hover{background-color:var(--text-primary);color:#fff;border-color:var(--text-primary);transform:scale(1.05)}.header__right{display:flex;align-items:center;gap:var(--spacing-sm)}.header__button{background:none;border:none;color:var(--text-primary);font-size:var(--font-xl);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease-in-out;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.header__button:hover{background-color:var(--text-primary);color:#fff;transform:scale(1.1)}.header__button--active{background-color:var(--text-primary);color:#fff}.header__button .fas{font-size:1.2em}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);padding:var(--spacing-md);box-sizing:border-box;animation:fadeIn .2s ease-out;overflow-y:auto;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop--hidden{display:none}.modal{position:relative;background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:0 .625rem 1.875rem -.125rem #0003,0 .25rem .375rem -.125rem #0000001a;width:100%;max-width:min(37.5rem,100%);min-width:0;max-height:calc(100vh - 2 * var(--spacing-md));overflow:hidden;display:flex;flex-direction:column;z-index:1001;animation:slideUp .3s ease-out;border:.0625rem solid var(--border-color);box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal--hidden{display:none}@media (min-width: 48rem){.modal{max-width:min(37.5rem,100%)}}@media (min-width: 64rem){.modal{max-width:min(43.75rem,100%)}}.modal__content{display:flex;flex-direction:column;padding:0;gap:0;height:100%;overflow-y:auto;max-height:calc(100vh - 2 * var(--spacing-md));min-width:0}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:none;background-color:var(--surface-color);position:sticky;top:0;z-index:10;flex-shrink:0}.modal__title{font-size:1.5em;color:#1a1a1a;font-weight:700;margin:0;letter-spacing:-.025em;line-height:1.2}.modal__close{background:#e5e7eb;border:none;color:#1a1a1a;font-size:1.125em;cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease-in-out;width:2.75em;height:2.75em;min-width:2.75em;min-height:2.75em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal__close:hover{background:#d1d5db;color:#1a1a1a;transform:scale(1.05);box-shadow:var(--shadow-sm)}.modal__close:active{transform:scale(.95)}.modal.modal--fit-content{max-height:none;height:auto;overflow:visible}.modal.modal--fit-content .modal__content{overflow:visible;max-height:none;height:auto;flex:0 0 auto}.modal.modal--fit-content .modal__body{overflow:visible;flex:0 0 auto}.modal__description{color:var(--text-secondary);font-size:1em;margin:0;line-height:1.6}.modal__body{display:flex;flex-direction:column;gap:1.25em;padding:1.5em var(--spacing-xl);flex:1;overflow-y:auto;min-width:0}.modal-section{display:flex;flex-direction:column;gap:.625em;padding:1.25em 1em;border-radius:var(--radius-md);border:.0625rem solid #eeeeee;background-color:#f8f8f8;min-width:0}.modal-section--action{align-items:center;text-align:center}.modal-section--action .modal-section__label{display:none}.modal-section__label{font-weight:600;color:#1a1a1a;font-size:1em}.modal-section__content{min-width:0;display:flex;flex-direction:column;align-items:stretch}.modal-section__value{font-size:1em;color:var(--text-secondary);font-weight:400}.modal-section__row{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.modal-section__stack{display:flex;flex-direction:column;gap:.25em;min-width:0}.modal-section__input{padding:.5em .75em;width:100%;max-width:14em;min-width:0;height:2.5em;box-sizing:border-box;background-color:#fff;border:.0625rem solid #e0e0e0;border-radius:var(--radius-md);font-size:1em}.modal-section__input:hover{border-color:#b0b0b0}.modal-section__input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 .125rem #1a1a1a1a}.modal-section__hint{display:flex;align-items:center;gap:.375rem;font-size:.75em;font-weight:500}.modal-section__hint--warning{color:var(--warning-color)}.modal-section__hint-icon{font-size:1em;opacity:.9;flex-shrink:0}.modal-section__saved{font-size:.875em;color:var(--success-color);font-weight:500}.modal-section-heading{grid-column:1 / -1;font-size:.6875em;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.06em;margin-top:.25em;padding:0}.modal-section__buttons{display:flex;flex-direction:column;gap:.375rem;width:100%;min-width:0}.modal-section__button{background-color:#f0f0f0;color:#1a1a1a;border:.0625rem solid #d0d0d0;padding:.625em 1em;border-radius:var(--radius-md);font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;width:100%;min-height:2.5em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.modal-section__button:hover{background-color:#e8e8e8;border-color:#b0b0b0}.modal-section__button--active{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.modal-section__button--active:hover{background-color:#333;border-color:#333;color:#fff}.modal-section__link{color:var(--primary-color);text-decoration:none;font-size:1em;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.75em 1.25em;border-radius:var(--radius-md);border:.0625rem solid var(--primary-color);background-color:var(--surface-color);transition:all .2s ease-in-out}.modal-section__link:hover{background-color:var(--primary-color);color:#fff;text-decoration:none;box-shadow:var(--shadow-md)}.modal-section__link-icon{font-size:.875em;opacity:.9}.share-section{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.share-section__input{flex:1;padding:var(--spacing-md);border:.0625rem solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-base);background-color:var(--background-color);color:var(--text-primary);font-family:inherit;transition:all .2s ease-in-out;width:100%;box-sizing:border-box}.share-section__input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .1875rem #2563eb1a}.share-section__button{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;width:100%;box-sizing:border-box}.share-section__button:hover{background-color:var(--primary-hover);transform:translateY(-.0625rem);box-shadow:var(--shadow-md)}.share-section__button:active{transform:translateY(0)}.current-clue{position:sticky;top:0;width:fit-content;align-self:center;z-index:2;background-color:var(--surface-color);text-align:center;font-size:var(--crossword-font-6xl);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:.0625rem solid var(--border-color);margin-bottom:var(--spacing-sm)}.current-clue-duplicate{position:fixed;top:0;z-index:1000;display:none}.cell{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border-right:.0625rem solid var(--text-primary);border-bottom:.0625rem solid var(--text-primary);line-height:1;font-size:var(--crossword-font-lg)}.cell--white{background-color:var(--surface-color)}.cell--black{background-color:var(--text-primary)}.cell__number{position:absolute;font-size:var(--crossword-font-xs);top:0;left:.1em}.cell--selected{outline:.1875rem solid var(--primary-color);outline-offset:-.0625rem;z-index:1;background-color:var(--cell-selected-bg)}.cell--highlighted{background-color:var(--cell-highlighted-bg)}.clues{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg);font-size:var(--crossword-font-3xl);max-height:80vh;overflow-y:scroll;flex:1 1 49%;min-width:var(--min-grid-width);max-width:100%;border:.0625rem solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);scrollbar-gutter:stable}.clues::-webkit-scrollbar{width:.5rem}.clues::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--radius-sm)}.clues::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.clues::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.clues--no-inner-scroll{max-height:none;overflow:visible;scrollbar-gutter:auto}.clues__list{flex:1 1 calc(50% - var(--spacing-lg) / 2);min-width:calc(var(--max-grid-width) / 2 - 1.25rem);padding:var(--spacing-xs)}.clues__title{color:var(--primary-color);font-weight:600;font-size:var(--crossword-font-lg);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:.125rem solid var(--border-color)}.clue{display:flex;padding:var(--spacing-sm);gap:var(--spacing-sm);font-size:var(--crossword-font-xl);border-radius:var(--radius-sm)}.clue__text{flex:1;min-width:0}.clue--selected{background-color:var(--clue-selected-bg);outline:.0625rem solid var(--clue-selected-border)}.clue--filled{text-decoration:line-through;opacity:.6}.clue__number{width:1em;text-align:right;color:var(--secondary-color);font-weight:600;flex-shrink:0}.buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}@keyframes slideInFromRight{0%{background-position:left bottom}to{background-position:right bottom}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{border:.0625rem solid var(--border-color);border-radius:var(--radius-sm);text-align:center;justify-content:center;font-size:var(--crossword-font-4xl);padding:var(--spacing-sm) var(--spacing-md);min-width:6em;height:2.5em}.button--primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.button--primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--secondary{background-color:var(--surface-color);color:var(--text-primary);border:.0625rem solid var(--border-color)}.button--secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-color);box-shadow:var(--shadow-md)}.info{text-align:center;gap:var(--spacing-sm);font-size:var(--crossword-font-3xl);color:var(--text-secondary);padding:var(--spacing-sm);background-color:var(--surface-color);border-radius:var(--radius-sm);border:.0625rem solid var(--border-color);box-shadow:var(--shadow-sm)}.home{width:100%;max-width:calc(var(--max-grid-width) * 2 + var(--spacing-lg));margin:0 auto;padding:var(--spacing-md);box-sizing:border-box}.home__header{text-align:center;width:100%}.home__title{font-size:var(--font-5xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);letter-spacing:-.025em}.home__subtitle{font-size:var(--font-xl);color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-lg)}.home__description{margin-top:var(--spacing-xl);text-align:left}.home__description-text{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.7;width:100%;margin:0 auto}.home__features{padding:var(--spacing-2xl) 0;width:100%}.home__features-title{font-size:var(--font-3xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xl)}.home__features-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);width:100%;justify-content:center}.home__feature-card{background:var(--surface-color);border:.0625rem solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;text-align:center;flex:1 1 17.5rem}.home__feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.home__feature-heading{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.home__feature-text{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6;margin:0}.crosswords{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin-top:var(--spacing-lg);width:100%}.series{background:var(--surface-color);border:.0625rem solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;display:flex;flex-direction:column;flex:1 1 20rem}.series:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.series__header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.125rem solid var(--border-color)}.series__header h2{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin:0;text-transform:capitalize}.series__links{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:25rem;overflow-y:auto;padding-right:var(--spacing-xs)}.series__links::-webkit-scrollbar{width:.375rem}.series__links::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--radius-sm)}.series__links::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.series__links::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.series__link{transition:all .15s ease-in-out}.series__link a{display:block;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--text-primary);border-radius:var(--radius-sm);border:.0625rem solid var(--border-color);transition:all .15s ease-in-out;font-weight:500;font-size:var(--font-base);background-color:var(--background-color)}.series__link a:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(.25rem);box-shadow:var(--shadow-sm)}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,#f1f5f9 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--surface-color);border:.0625rem solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;display:flex;flex-direction:column;flex:1 1 20rem}.skeleton-card__header{height:1.5em;width:40%;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:.125rem solid var(--border-color)}.skeleton-card__link{height:1em;width:100%;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-sm)}.loading-text{display:flex;justify-content:center;align-items:center;min-height:12.5rem;font-size:var(--font-xl);color:var(--text-secondary);position:relative}.loading-text:after{content:"";width:1rem;height:1rem;border:.125rem solid var(--border-color);border-top:.125rem solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--spacing-sm)}.error-state{display:flex;justify-content:center;align-items:center;min-height:12.5rem;font-size:var(--font-lg);color:var(--error-color);background-color:#fef2f2;border:.0625rem solid #fecaca;border-radius:var(--radius-sm);padding:var(--spacing-lg)}.toast{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.toast--info{background:var(--info-color);color:#fff}.toast--error{background:var(--error-color);color:#fff}.toast--success{background:var(--success-color);color:#fff}