@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:210, 20%, 98%;--bg-secondary:0, 0%, 100%;--bg-tertiary:210, 20%, 94%;--text-primary:210, 30%, 15%;--text-secondary:210, 20%, 45%;--text-muted:210, 15%, 65%;--primary:165, 80%, 40%;--primary-hover:165, 85%, 33%;--primary-glow:#14b8a626;--accent:215, 90%, 55%;--accent-glow:#3b82f626;--danger:350, 80%, 55%;--danger-bg:350, 100%, 97%;--warning:35, 90%, 50%;--warning-bg:35, 100%, 96%;--success:145, 65%, 40%;--border-color:210, 15%, 90%;--border-hover:210, 20%, 80%;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 10px 25px -5px #0f172a14, 0 8px 16px -6px #0f172a14;--shadow-lg:0 20px 40px -10px #0f172a1f, 0 10px 20px -10px #0f172a1f;--glass-bg:#ffffffbf;--glass-border:#ffffff80;--glass-blur:16px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}.dark{--bg-primary:210, 25%, 7%;--bg-secondary:210, 25%, 11%;--bg-tertiary:210, 25%, 16%;--text-primary:210, 20%, 95%;--text-secondary:210, 15%, 75%;--text-muted:210, 10%, 50%;--primary:165, 75%, 45%;--primary-hover:165, 80%, 50%;--primary-glow:#14b8a640;--accent:215, 85%, 60%;--accent-glow:#3b82f640;--danger:350, 80%, 65%;--danger-bg:350, 30%, 15%;--warning:38, 85%, 55%;--warning-bg:38, 30%, 14%;--success:145, 60%, 50%;--border-color:210, 20%, 18%;--border-hover:210, 20%, 26%;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 12px 30px #0006;--shadow-lg:0 24px 50px #00000080;--glass-bg:#0f172aa6;--glass-border:#ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:hsl(var(--text-primary));font-weight:700;line-height:1.3}p{color:hsl(var(--text-secondary))}.container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.app-header{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:background-color .4s,border-color .4s;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo svg{stroke:hsl(var(--primary));width:28px;height:28px}.icon-btn{border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;color:hsl(var(--text-primary));background:0 0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{background:hsl(var(--bg-tertiary));border-color:hsl(var(--border-hover));transform:translateY(-2px)}.icon-btn svg{stroke-width:2px;width:20px;height:20px}.favorite-btn{cursor:pointer;color:hsl(var(--text-muted));background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.favorite-btn:hover{color:hsl(var(--warning));transform:scale(1.1)}.favorite-btn.active{color:hsl(var(--warning))}.favorite-btn svg{stroke-width:2px;width:22px;height:22px;transition:fill .3s}.icon-btn.favorite-btn.active{border-color:hsl(var(--warning));background-color:hsl(var(--warning-bg))}.main-content{flex:1;padding:40px 0 60px}.hero{text-align:center;margin-bottom:40px}.hero h1{letter-spacing:-.5px;margin-bottom:12px;font-size:32px}.hero p{max-width:500px;margin:0 auto;font-size:16px}.search-container{max-width:600px;margin:0 auto 30px}.search-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:12px;transition:box-shadow .3s;position:relative}.search-wrapper:focus-within{box-shadow:var(--shadow-lg), 0 0 0 3px hsl(var(--primary-glow))}.search-input{border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);background-color:hsl(var(--bg-secondary));width:100%;color:hsl(var(--text-primary));font-size:16px;font-family:var(--font-sans);outline:none;padding:18px 20px 18px 52px;transition:all .3s}.search-input:focus{border-color:hsl(var(--primary))}.search-icon-left{color:hsl(var(--text-muted));pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-clear-btn{cursor:pointer;color:hsl(var(--text-muted));background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.search-clear-btn:hover{background-color:hsl(var(--bg-tertiary));color:hsl(var(--text-primary))}.popular-tags{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;padding:0 4px;display:flex}.tags-label{color:hsl(var(--text-muted));font-size:12px;font-weight:600}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.popular-tag-btn{background-color:hsl(var(--bg-tertiary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);border-radius:6px;padding:4px 10px;transition:all .2s}.popular-tag-btn:hover{background-color:hsl(var(--primary-glow));border-color:hsl(var(--primary));color:hsl(var(--primary));transform:translateY(-1px)}.category-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-chip{border:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-secondary));color:hsl(var(--text-secondary));cursor:pointer;border-radius:9999px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-chip:hover{border-color:hsl(var(--primary));color:hsl(var(--text-primary));transform:translateY(-1px)}.filter-chip.active{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--bg-secondary));box-shadow:0 4px 12px hsl(var(--primary-glow))}.procedures-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.procedure-card{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.procedure-card:after{content:"";background:linear-gradient(180deg, hsl(var(--primary)), hsl(var(--accent)));opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.procedure-card:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--border-hover));transform:translateY(-4px)}.procedure-card:hover:after{opacity:1}.card-category{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.card-title{margin-bottom:10px;font-size:18px;line-height:1.4}.card-summary{color:hsl(var(--text-secondary));-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:14px;display:-webkit-box;overflow:hidden}.card-footer{color:hsl(var(--text-muted));justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.card-steps-count{opacity:.65;align-items:center;gap:4px;font-size:12px;display:flex}.card-steps-count svg{width:14px;height:14px;stroke:hsl(var(--text-muted))}.card-action-link{color:#fff;background-color:hsl(var(--primary));border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #14b8a626}.procedure-card:hover .card-action-link{background-color:hsl(var(--primary-hover));gap:8px;transform:translateY(-2px);box-shadow:0 6px 16px #14b8a64d}.back-bar{margin-bottom:24px}.back-link{color:hsl(var(--text-secondary));cursor:pointer;border-radius:var(--radius-sm);background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));align-items:center;gap:8px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:hsl(var(--text-primary));background-color:hsl(var(--bg-tertiary));transform:translate(-2px)}.detail-container{grid-template-columns:1fr;gap:30px;display:grid}.detail-main{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px}.detail-header{border-bottom:1px solid hsl(var(--border-color));margin-bottom:30px;padding-bottom:24px}.detail-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-category-badge{background-color:hsl(var(--primary-glow));color:hsl(var(--primary));border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.detail-title{margin-bottom:16px;font-size:28px}.detail-summary{color:hsl(var(--text-secondary));border-left:3px solid hsl(var(--primary));padding-left:16px;font-size:16px}.section-title{border-bottom:2px solid hsl(var(--bg-tertiary));align-items:center;gap:8px;margin:30px 0 16px;padding-bottom:8px;font-size:18px;display:flex}.section-title svg{width:20px;height:20px;stroke:hsl(var(--primary))}.materials-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:20px;display:grid}.material-item{color:hsl(var(--text-secondary));background-color:hsl(var(--bg-tertiary));border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.material-item svg{width:16px;height:16px;stroke:hsl(var(--success));flex-shrink:0}.steps-wrapper{flex-direction:column;gap:20px;display:flex}.step-card{border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:1fr;display:grid;overflow:hidden}@media (width>=768px){.step-card{grid-template-columns:1fr 1fr}}.step-action-pane{background-color:hsl(var(--bg-secondary));gap:16px;padding:20px;display:flex}.step-number{background-color:hsl(var(--bg-tertiary));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-color));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.step-action-text{color:hsl(var(--text-primary));font-size:15px;font-weight:500}.step-evidence-pane{border-top:1px solid hsl(var(--border-color));flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}@media (width>=768px){.step-evidence-pane{border-top:none;border-left:1px dashed hsl(var(--border-color))}}.evidence-badge{border-radius:4px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.evidence-badge.high{background-color:hsl(var(--danger-bg));color:hsl(var(--danger))}.evidence-badge.medium{background-color:hsl(var(--warning-bg));color:hsl(var(--warning))}.step-evidence-pane.high{background-color:#ef444405}.step-evidence-pane.medium{background-color:#f59e0b05}.evidence-label{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.evidence-text{color:hsl(var(--text-secondary));font-size:14px;line-height:1.5}.points-box{background-color:hsl(var(--bg-tertiary));border-radius:var(--radius-md);border:1px solid hsl(var(--border-color));margin-top:24px;padding:24px}.points-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.points-title svg{stroke:hsl(var(--warning));width:20px;height:20px}.points-list{padding-left:20px}.points-list li{color:hsl(var(--text-secondary));margin-bottom:8px;font-size:14px}.points-list li:last-child{margin-bottom:0}.empty-state{text-align:center;background-color:hsl(var(--bg-secondary));border:1px dashed hsl(var(--border-color));border-radius:var(--radius-lg);max-width:500px;margin:0 auto;padding:60px 20px}.empty-state svg{width:48px;height:48px;stroke:hsl(var(--text-muted));margin-bottom:16px}.empty-state h3{margin-bottom:8px;font-size:20px}.empty-state p{color:hsl(var(--text-secondary));font-size:14px}.quick-ref-section{border-top:1px solid hsl(var(--border-color));margin-top:50px;padding-top:40px}.quick-ref-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.quick-ref-card{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.quick-ref-card.double{grid-column:span 2}@media (width<=768px){.quick-ref-card.double{grid-column:span 1}}.quick-ref-card h4{color:hsl(var(--primary));border-left:3px solid hsl(var(--primary));margin-bottom:12px;padding-left:10px;font-size:16px}.quick-ref-table{border-collapse:collapse;width:100%;font-size:13px}.quick-ref-table th,.quick-ref-table td{text-align:left;border-bottom:1px solid hsl(var(--bg-tertiary));padding:8px 10px}.quick-ref-table th{color:hsl(var(--text-muted));font-weight:600}.quick-ref-table td{color:hsl(var(--text-primary))}.app-footer{text-align:center;border-top:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-secondary));margin-top:auto;padding:40px 0}.app-footer p{color:hsl(var(--text-muted));font-size:13px}.text-link-btn{color:hsl(var(--primary));cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline;transition:color .2s}.text-link-btn:hover{color:hsl(var(--primary-hover))}@media print{.app-header,.back-bar,.search-wrapper,.category-filters,.quick-ref-section,.app-footer{display:none!important}body{color:#000!important;background-color:#fff!important}.detail-main{box-shadow:none!important;border:none!important;padding:0!important}.step-card{page-break-inside:avoid;border:1px solid #ccc!important}.step-action-pane,.step-evidence-pane{background-color:#fff!important}}@media (width<=600px){.container{padding:0 16px}.hero{margin-bottom:16px;padding:32px 0}.hero h1{font-size:24px}.detail-main{padding:16px}.detail-title{font-size:20px}.disclaimer-overlay{padding:12px}.disclaimer-header,.disclaimer-body,.disclaimer-footer{padding:16px 20px}.calculator-overlay{padding:12px}.calculator-header,.calculator-body{padding:16px 20px}.procedure-card{padding:16px}}.disclaimer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.disclaimer-modal{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:600px;max-height:calc(100% - 40px);animation:.3s ease-out modal-appear;display:flex;overflow:hidden}.dark .disclaimer-modal{background-color:hsl(var(--bg-secondary));border-color:#ffffff1a}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disclaimer-header{border-bottom:1px solid hsl(var(--border-color));align-items:center;gap:12px;padding:24px;display:flex}.dark .disclaimer-header{border-bottom-color:#ffffff1a}.disclaimer-header h2{color:hsl(var(--text-primary));margin:0;font-size:20px;font-weight:700}.warning-icon{width:28px;height:28px;color:hsl(var(--warning))}.disclaimer-body{color:hsl(var(--text-secondary));flex:1;padding:24px;font-size:14px;line-height:1.6;overflow-y:auto}.disclaimer-body p{margin-top:0;margin-bottom:16px}.disclaimer-body hr{border:0;border-top:1px solid hsl(var(--border-color));margin:16px 0}.dark .disclaimer-body hr{border-top-color:#ffffff1a}.disclaimer-body ol{margin:0;padding-left:20px}.disclaimer-body li{margin-bottom:16px}.disclaimer-body li strong{color:hsl(var(--text-primary))}.disclaimer-footer{border-top:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-primary));justify-content:center;padding:20px 24px;display:flex}.dark .disclaimer-footer{background-color:hsl(var(--bg-primary));border-top-color:#ffffff1a}.btn-agree{background-color:hsl(var(--primary));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #14b8a640}.btn-agree:hover{background-color:hsl(var(--primary-hover));transform:translateY(-1px);box-shadow:0 6px 16px #14b8a659}.btn-agree:active{transform:translateY(0)}.calc-banner-card{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);cursor:pointer;max-width:600px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin:16px auto 24px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.calc-banner-card:before{content:"";background-color:hsl(var(--primary));width:4px;height:100%;position:absolute;top:0;left:0}.calc-banner-card:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--primary));background-color:hsl(var(--primary-glow));transform:translateY(-2px)}.calc-banner-content{align-items:center;gap:16px;display:flex}.calc-banner-icon-wrapper{background-color:hsl(var(--bg-tertiary));color:hsl(var(--primary));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.calc-banner-card:hover .calc-banner-icon-wrapper{background-color:hsl(var(--primary));color:#fff}.calc-banner-icon{width:22px;height:22px}.calc-banner-text h3{color:hsl(var(--text-primary));margin:0 0 4px;font-size:15px;font-weight:700}.calc-banner-text p{color:hsl(var(--text-secondary));margin:0;font-size:12px}.btn-banner-trigger{background-color:hsl(var(--primary));color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.calc-banner-card:hover .btn-banner-trigger{background-color:hsl(var(--primary-hover));box-shadow:0 4px 12px #14b8a633}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:800px;margin:16px auto 32px;display:grid}.quick-actions-grid .calc-banner-card{max-width:100%;margin:0}.favorites-banner:before{background-color:hsl(var(--warning))}.favorites-banner:hover{border-color:hsl(var(--warning));background-color:hsla(var(--warning), .05)}.favorites-banner.active{border-color:hsl(var(--warning));background-color:hsla(var(--warning), .1);box-shadow:var(--shadow-md)}.favorites-icon{background-color:hsla(var(--warning), .15);color:hsl(var(--warning))}.favorites-banner:hover .favorites-icon,.favorites-btn-trigger{background-color:hsl(var(--warning));color:#fff}.favorites-btn-trigger:hover{background-color:hsl(var(--warning));filter:brightness(.9)}.favorites-btn-trigger.active{color:hsl(var(--warning));border:1px solid hsl(var(--warning));background-color:#0000}.favorites-banner:hover .favorites-btn-trigger.active{background-color:hsla(var(--warning), .1)}.calculator-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.calculator-modal{background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;max-height:calc(100% - 40px);animation:.3s ease-out modal-appear;display:flex;overflow:hidden}.dark .calculator-modal{background-color:hsl(var(--bg-secondary));border-color:#ffffff1a}.calculator-header{border-bottom:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dark .calculator-header{border-bottom-color:#ffffff1a}.calculator-header h2{color:hsl(var(--text-primary));margin:0;font-size:18px;font-weight:700}.calc-modal-icon{width:24px;height:24px;color:hsl(var(--primary))}.calculator-close-btn{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.calculator-close-btn:hover{background-color:hsl(var(--bg-tertiary));color:hsl(var(--text-primary))}.calculator-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.calc-inputs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.calc-input-group{flex-direction:column;gap:6px;display:flex}.calc-input-group label{color:hsl(var(--text-secondary));text-transform:uppercase;font-size:11px;font-weight:700}.calc-input-group input,.calc-input-group select{border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);background-color:hsl(var(--bg-primary));width:100%;color:hsl(var(--text-primary));outline:none;padding:10px;font-size:14px;font-weight:600;transition:border-color .2s}.calc-input-group input:focus,.calc-input-group select:focus{border-color:hsl(var(--primary))}.calc-results{background-color:hsl(var(--bg-tertiary));border-radius:var(--radius-sm);text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.calc-result-box{flex-direction:column;gap:4px;display:flex}.result-label{color:hsl(var(--text-muted));font-size:11px;font-weight:700}.result-val{font-size:22px;font-weight:800}.result-val span{font-size:12px;font-weight:600}.result-val.primary-color{color:hsl(var(--primary))}.result-val.accent-color{color:hsl(var(--accent))}.result-val.text-color{color:hsl(var(--text-primary))}.calc-modal-info{background-color:hsl(var(--bg-primary));border:1px dashed hsl(var(--border-color));border-radius:var(--radius-sm);padding:16px}.calc-formula-box{background-color:hsl(var(--bg-tertiary));border-left:3px solid hsl(var(--primary));color:hsl(var(--text-primary));word-break:break-all;border-radius:4px;margin-bottom:12px;padding:10px;font-family:monospace;font-size:11px}@media (width<=600px){.calc-inputs{grid-template-columns:1fr}}.initial-state-prompt{text-align:center;background-color:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:600px;margin:0 auto 32px;padding:60px 20px;animation:.4s ease-out fade-in-up}.dark .initial-state-prompt{border-color:#ffffff0d}.prompt-illustration{background-color:hsl(var(--primary-glow));width:72px;height:72px;color:hsl(var(--primary));border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.prompt-illustration svg{width:36px;height:36px}.initial-state-prompt h3{color:hsl(var(--text-primary));margin:0 0 10px;font-size:18px;font-weight:700}.initial-state-prompt p{color:hsl(var(--text-secondary));margin:0;font-size:14px;line-height:1.6}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}