.sip-page{margin-top:1.5rem;margin-bottom:3rem}.preset-bar{background:linear-gradient(135deg, var(--color-canvas-soft) 0%, var(--color-canvas) 100%);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1rem;display:flex}.preset-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-right:1px solid var(--color-hairline);align-items:center;gap:.35rem;padding-right:.6rem;font-size:.72rem;font-weight:700;display:flex}.preset-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn{border-radius:var(--radius-md);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(135deg, var(--color-hairline-strong) 0%, var(--color-hairline) 100%) border-box;color:var(--color-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.55rem;padding:.4rem .8rem .4rem .55rem;font-size:.72rem;font-weight:650;line-height:1.2;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.preset-icon{border-radius:var(--radius-sm);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);width:26px;height:26px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.preset-text{flex-direction:column;gap:.05rem;display:flex}.preset-name{font-size:.72rem;font-weight:650}.preset-sub{color:var(--color-mute);letter-spacing:.01em;font-size:.6rem;font-weight:400}.preset-btn:hover{background:linear-gradient(var(--color-accent-soft), var(--color-accent-soft)) padding-box, linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 70%, var(--color-ink)) 100%) border-box;color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.preset-btn:hover .preset-icon{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:rotate(-15deg)}.preset-btn:hover .preset-sub{color:var(--color-accent);opacity:.7}.preset-btn:active{transform:translateY(0);box-shadow:0 1px 4px #00000014}.preset-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sip-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1.25rem;display:grid}.left-column{flex-direction:column;gap:1.25rem;display:flex}.panel{flex-direction:column;display:flex}.panel-header{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.panel-header h2{color:var(--color-ink);font-size:.875rem;font-weight:600}.form-content,.result-content{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-field span{color:var(--color-mute);font-size:.75rem;font-weight:600}.goal-section{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px dashed var(--color-hairline-strong);padding:.75rem}.goal-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:flex}.goal-result{border-radius:var(--radius-sm);background:var(--color-accent-soft);margin-top:.5rem;padding:.5rem .75rem}.goal-text{color:var(--color-accent);font-size:.8rem;font-weight:600;line-height:1.4}.risk-badge{border-radius:999px;align-items:center;gap:.3rem;margin-top:.25rem;padding:.15rem .6rem;font-size:.65rem;font-weight:600;display:inline-flex}.risk-good{color:#059669;background:#0596691f}.risk-moderate,.risk-low{color:#d97706;background:#d977061f}.risk-negative{color:#dc2626;background:#dc26261f}.view-toggle{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);gap:.25rem;padding:.15rem;display:flex}.toggle-btn{border-radius:var(--radius-sm);color:var(--color-mute);cursor:pointer;background:0 0;border:none;padding:.3rem .7rem;font-size:.72rem;font-weight:600;transition:all .15s}.toggle-btn:hover{color:var(--color-ink)}.toggle-btn.active{background:var(--color-card);color:var(--color-accent);box-shadow:0 1px 3px #00000014}.chart-container{background:var(--color-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:.75rem;overflow:hidden}.chart-container canvas{width:100%;display:block}.chart-legend{color:var(--color-mute);justify-content:center;gap:1rem;padding-top:.5rem;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.btn-copy-action{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-body);cursor:pointer;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-copy-action:hover{border-color:var(--color-accent);color:var(--color-accent)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-title{color:var(--color-ink);font-size:.875rem;font-weight:600}.component-note{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body);padding:.875rem 1rem;font-size:.8125rem;line-height:1.5}.component-note strong{color:var(--color-ink)}.component-note ul{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding-left:1.25rem;display:flex}.share-panel-card{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);padding:1rem 1.25rem}.share-header h3{color:var(--color-ink);margin:0 0 .2rem;font-size:.9rem;font-weight:650}.share-header p{color:var(--color-mute);margin:0 0 .85rem;font-size:.78rem;line-height:1.4}.share-actions-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.social-links-container{flex-wrap:wrap;gap:.5rem;display:flex}.share-native-btn{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;align-items:center;gap:.4rem;height:38px;padding:0 1rem;font-size:.8rem;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #6366f14d}.share-native-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.share-native-btn:active{transform:translateY(0)}.social-share-btn{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;height:34px;padding:0 .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:flex}.social-share-btn:hover{opacity:.9;transform:translateY(-1px)}.social-share-btn.tw{background:#0f1419}.social-share-btn.li{background:#0a66c2}.social-share-btn.wa{background:#25d366}.social-share-btn.rd{background:#ff4500}@media (width<=900px){.sip-layout{grid-template-columns:1fr}.view-toggle{flex-wrap:wrap}}@media print{#site-nav,.tool-header,.privacy-banner,.preset-bar,.auto-seo-wrap,.tool-seo-section,.footer,#back-to-top,.left-column,.share-panel-card,.action-row,.note-box{display:none!important}.tool-main{margin-top:0!important;margin-bottom:0!important}.sip-layout{grid-template-columns:1fr!important}.right-column{width:100%!important}*{print-color-adjust:exact!important}}