:root{--color-bg-primary: #f9f8f4;--color-bg-secondary: #ffffff;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-accent: #34d399;--color-accent-hover: #10b981;--color-danger: #f87171;--color-brand: #34d399;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;padding:var(--spacing-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{font-weight:700;color:var(--color-text-primary);letter-spacing:.02em}h1{font-size:1.5rem;margin-bottom:var(--spacing-md);text-align:center}h2{font-size:1.1rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:.5rem}.glass-card{background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.glass-card:hover{box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--color-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #34d3994d;font-size:.95rem}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px #34d39966}.btn-secondary{background-color:#f3f4f6;color:var(--color-text-secondary);border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;font-size:.95rem}.btn-secondary:hover{background-color:#e5e7eb;color:var(--color-text-primary)}input,select{background-color:#f9fafb;border:1px solid var(--border-color);color:var(--color-text-primary);padding:.75rem;border-radius:var(--radius-md);width:100%;font-size:1rem;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--color-accent);background-color:#fff;box-shadow:0 0 0 3px #34d3991a}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{padding-right:3rem;font-weight:600;text-align:right}.input-with-unit .unit{position:absolute;right:1rem;color:var(--color-text-secondary);font-weight:600;font-size:.9rem}.stat-box{background:#f8fcfb;border-radius:var(--radius-md);padding:1rem;text-align:center;border:1px solid #eefdf6}.stat-box .label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.25rem}.stat-box .value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.section-divider{border-top:1px dashed var(--border-color)!important}.text-green{color:var(--color-accent)}.text-red{color:var(--color-danger)}.bg-green-light{background-color:#ecfdf5}.container{max-width:1000px;margin:0 auto}@media(min-width:768px){.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}