.main{padding-top:calc(var(--header-height) + 20px);min-height:100vh}.breadcrumb{padding:20px 0;border-bottom:1px solid var(--border-light)}.breadcrumb__link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.breadcrumb__link:hover{color:var(--primary-color)}.generator{padding:40px 0}.generator__header{text-align:center;margin-bottom:60px}.generator__title{font-size:3rem;font-weight:800;color:var(--text-color);margin-bottom:16px;line-height:1.2}.generator__description{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.generator__content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.result-display{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:60px 40px;text-align:center;box-shadow:var(--card-shadow);border:2px solid transparent;transition:var(--transition);position:relative}.result-display:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-light)}.result-display__main{margin-bottom:24px}.result-display__year{font-size:5rem;font-weight:900;color:var(--primary-color);line-height:1;margin-bottom:16px;font-family:var(--font-mono);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.result-display__year:hover{transform:scale(1.05);color:var(--primary-hover)}.result-display__year.generating{animation:numberPulse .3s ease-in-out}.result-display__info{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.result-display__copy{background:var(--primary-light);color:var(--primary-color);border:none;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);position:absolute;top:20px;right:20px}.result-display__copy:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.generate-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;padding:20px 40px;border-radius:var(--border-radius-lg);font-size:1.3rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #3b82f64d;display:flex;flex-direction:column;align-items:center;gap:4px;align-self:center;min-width:280px}.generate-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3b82f666}.generate-btn:active{transform:translateY(-1px)}.generate-btn__text{font-size:1.3rem}.generate-btn__shortcut{font-size:.85rem;opacity:.8;font-weight:400}.range-settings{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-color)}.range-settings__title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:24px;text-align:center}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.range-input{display:flex;flex-direction:column;gap:8px}.range-input label{font-weight:600;color:var(--text-color);font-size:.9rem}.range-input input{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;background:var(--card-bg);color:var(--text-color);transition:var(--transition);font-family:var(--font-mono)}.range-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.range-input input.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.preset-options__title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:16px;text-align:center}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.preset-btn{background:var(--card-bg);border:2px solid var(--border-color);padding:12px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--transition);text-align:center}.preset-btn:hover{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color)}.preset-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.history-section{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-color)}.history-section__title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px;text-align:center}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:24px}.history-item{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:12px 8px;text-align:center;cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-mono);color:var(--text-color)}.history-item:hover{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);transform:translateY(-2px)}.history-clear{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:10px 20px;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition);display:block;margin:0 auto}.history-clear:hover{border-color:var(--danger-color);background:#ef44441a;color:var(--danger-color)}.usage-stats{text-align:center;padding:40px 0;border-top:1px solid var(--border-light);margin-top:40px}.usage-stats__text{color:var(--text-secondary);font-size:1.1rem}#usage-count{font-weight:700;color:var(--primary-color)}.info-section{padding:60px 0;border-top:1px solid var(--border-light)}.info-section__title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:48px;color:var(--text-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.info-card{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.info-card h3{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:20px;display:flex;align-items:center;gap:8px}.info-card ul{list-style:none;padding:0}.info-card li{color:var(--text-secondary);border-bottom:1px solid var(--border-light);position:relative;padding:8px 0 8px 20px}.info-card li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.info-card li:last-child{border-bottom:none}.faq-section{padding:60px 0;border-top:1px solid var(--border-light)}.faq-section__title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:48px;color:var(--text-color)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.faq-item{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.faq-item h3{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:16px}.faq-item p{color:var(--text-secondary);line-height:1.6}.toast{position:fixed;bottom:32px;right:32px;background:var(--success-color);color:#fff;padding:16px 24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:12px;font-weight:600;transform:translate(400px);transition:transform .3s ease;z-index:1000}.toast.show{transform:translate(0)}.toast__icon{font-size:1.2rem}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rollNumber{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.result-display__year.rolling{animation:rollNumber .3s ease-out}@media (max-width: 768px){.generator__title{font-size:2.2rem}.generator__description{font-size:1.1rem}.result-display{padding:40px 24px}.result-display__year{font-size:3.5rem}.range-inputs{grid-template-columns:1fr;gap:16px}.preset-buttons{grid-template-columns:1fr 1fr;gap:10px}.preset-btn{padding:10px 12px;font-size:.85rem}.history-list{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.info-grid{grid-template-columns:1fr;gap:24px}.info-card{padding:24px}.toast{right:16px;bottom:16px;left:16px;transform:translateY(100px)}.toast.show{transform:translateY(0)}}@media (max-width: 480px){.result-display__year{font-size:2.8rem}.generate-btn{min-width:240px;padding:16px 32px}.generate-btn__text{font-size:1.1rem}.preset-buttons{grid-template-columns:1fr}}[data-theme=dark] .result-display{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .range-settings,[data-theme=dark] .history-section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .info-card,[data-theme=dark] .faq-item{background:var(--card-bg);border-color:var(--border-color)}.error-message{color:var(--danger-color);font-size:.85rem;margin-top:4px;font-weight:500}.range-input.has-error input{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.generate-btn.loading{opacity:.8;pointer-events:none}.generate-btn.loading .generate-btn__text:after{content:"...";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}