.page-header{text-align:center;max-width:70ch;margin:0 auto var(--space-12);padding:var(--space-8) 0}.page-header h1{font-size:var(--text-5xl);background:linear-gradient(135deg,var(--color-lapis) 0%,var(--color-saffron) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.lead{font-size:var(--text-xl);color:var(--color-text-muted);margin-top:var(--space-4);line-height:1.6}.calculator-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-10);align-items:start}.input-section .card{position:sticky;top:100px;box-shadow:var(--shadow-lg);border:2px solid var(--color-border);background:var(--color-bg)}.input-section .card:hover{transform:none}.input-section h3{margin-bottom:var(--space-6);font-size:var(--text-2xl);color:var(--color-text);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.input-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background:var(--color-bg-alt);padding:var(--space-1);border-radius:var(--radius-md)}.tab-btn{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-accent);background:var(--color-bg)}.tab-btn.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.tab-content{display:none}.tab-content.active{display:block}.tradition-description{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-info-bg);border-left:3px solid var(--color-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-info-text);line-height:1.6}.tradition-description p{margin:0}.tradition-description .tradition-source{display:block;margin-top:var(--space-2);font-size:var(--text-xs);font-style:italic;color:var(--color-info-source)}.calculate-btn{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:600;margin-top:var(--space-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .2s ease;box-shadow:0 4px 15px #d977574d}.calculate-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d9775766}.calculate-btn .btn-icon{font-size:var(--text-xl)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.results-placeholder{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.results-placeholder:before{content:"☸";font-size:3rem;margin-bottom:var(--space-4);opacity:.3;color:var(--color-saffron)}.results-placeholder p{font-size:var(--text-lg);margin:0}.day-result{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.day-result-header{background:linear-gradient(135deg,var(--color-lapis) 0%,var(--color-midnight) 100%);color:var(--color-parchment);padding:var(--space-8);text-align:center;position:relative}.day-result-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.day-result-header h2{color:var(--color-parchment);margin-bottom:var(--space-3);font-size:var(--text-3xl);position:relative}.day-result-header .tibetan-date{font-family:var(--font-tibetan);font-size:var(--text-2xl);color:var(--color-gold);position:relative;display:inline-block;padding:var(--space-2) var(--space-4);background:#0003;border-radius:var(--radius-md);margin-top:var(--space-2)}.day-result-header .year-info{font-size:var(--text-base);color:var(--color-parchment);opacity:.9;margin-top:var(--space-4);position:relative;font-weight:500}.day-result-body{padding:var(--space-8)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.special-day-notice{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);align-items:flex-start}.special-day-notice.duplicated{background:#3b82f626;border:1px solid rgba(59,130,246,.4)}.special-day-notice.omitted{background:#f59e0b26;border:1px solid rgba(245,158,11,.4)}.special-day-notice .notice-icon{font-size:var(--text-2xl);flex-shrink:0}.special-day-notice .notice-text strong{display:block;font-size:var(--text-base);margin-bottom:var(--space-1)}.special-day-notice .notice-text p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.result-item{padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.result-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.result-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-weight:600;margin-bottom:var(--space-2)}.result-value{font-weight:400;font-size:var(--text-xl);color:var(--color-text);line-height:1.4}.result-value small{display:block;font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);margin-top:var(--space-2)}.result-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:2px solid var(--color-border)}.result-section h4{margin-bottom:var(--space-4);color:var(--color-text);font-size:var(--text-xl);display:flex;align-items:center;gap:var(--space-2)}.result-section h4:before{content:"⚙";font-size:var(--text-lg);color:var(--color-accent)}.technical-data{font-family:var(--font-mono);font-size:var(--text-sm);background:linear-gradient(135deg,var(--color-ink) 0%,var(--color-midnight) 100%);color:var(--color-parchment);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--color-lapis)}.technical-data dt{color:var(--color-turquoise);font-weight:500;margin-top:var(--space-3)}.technical-data dt:first-child{margin-top:0}.technical-data dd{margin-left:var(--space-6);margin-bottom:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.1)}.technical-data dd:last-child{border-bottom:none}.explanation-section{background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);border-top:2px solid var(--color-border)}.explanation-section h2{text-align:center;margin-bottom:var(--space-10);color:var(--color-text);font-size:var(--text-4xl)}.explanation-card{padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.explanation-card:hover{border-color:var(--color-saffron);box-shadow:var(--shadow-md);transform:translateY(-2px)}.explanation-card h4{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.explanation-card h4:before{content:"◆";color:var(--color-accent);font-size:var(--text-sm)}.explanation-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.7}@media(max-width:900px){.calculator-layout{grid-template-columns:1fr;gap:var(--space-6)}.page-header h1{font-size:var(--text-4xl)}.input-section .card{position:static}.result-grid{grid-template-columns:1fr}.day-result-header{padding:var(--space-6)}.day-result-header h2{font-size:var(--text-2xl)}.day-result-header .tibetan-date{font-size:var(--text-xl)}.day-result-body{padding:var(--space-5)}.form-row{grid-template-columns:1fr}}