.sn-hero{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--ct-border)}.sn-hero__title{font-size:40px;font-weight:800;line-height:1.2;color:var(--ct-text-main);margin-bottom:8px}.sn-hero__subtitle{font-size:16px;color:var(--ct-text-muted);line-height:1.7}.sn-app{background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);overflow:hidden;margin-bottom:24px}.sn-app__header{padding:16px 24px;border-bottom:1px solid var(--ct-border);background-color:var(--ct-bg-soft)}.sn-app__title{font-size:18px;font-weight:700;color:var(--ct-text-main)}.sn-app__body{padding:24px}.sn-calibration{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.sn-calibration__instructions{display:flex;flex-direction:column;gap:8px}.sn-calibration__step{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);font-size:14px;color:var(--ct-text-main);line-height:1.6}.sn-calibration__num{flex-shrink:0;width:24px;height:24px;border-radius:6px;background-color:var(--ct-primary);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.sn-calibration__ruler{position:relative;height:48px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);overflow:hidden}.sn-calibration__fill{position:absolute;top:0;left:0;height:100%;background:var(--ct-gradient-primary);opacity:.18;pointer-events:none;transition:width 30ms ease}.sn-calibration__slider{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.sn-calibration__ruler:after{content:"";position:absolute;top:0;width:3px;height:100%;background-color:var(--ct-accent);pointer-events:none;left:var(--sn-thumb-left, 50%);transition:left 30ms ease}.sn-calibration__label{font-size:14px;color:var(--ct-text-muted);text-align:center}.sn-calibration__distance{padding:16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm)}.sn-calibration__distance-label{display:block;font-size:14px;font-weight:600;color:var(--ct-text-main);margin-bottom:12px}.sn-calibration__distance-row{display:flex;align-items:center;gap:16px}.sn-calibration__distance-slider{flex:1;accent-color:var(--ct-accent);cursor:pointer}.sn-calibration__distance-value{flex-shrink:0;min-width:40px;font-size:16px;font-weight:700;color:var(--ct-accent);text-align:center}.sn-calibration__distance-hint{margin-top:8px;font-size:13px;color:var(--ct-text-muted);line-height:1.5}.sn-calibration__btn{align-self:center}.sn-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.sn-chart-toolbar__left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sn-chart-type{display:flex;align-items:center;gap:12px}.sn-chart-type__label{font-size:14px;font-weight:600;color:var(--ct-text-main)}.sn-chart-type__select{padding:8px 12px;font-size:14px;color:var(--ct-text-main);background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);cursor:pointer;transition:border-color var(--ct-transition)}.sn-chart-type__select:hover,.sn-chart-type__select:focus{border-color:var(--ct-accent);outline:none}.sn-guide-wrap{position:relative;display:inline-block}.sn-guide-popover{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:10;min-width:280px;padding:12px 16px;background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);box-shadow:var(--ct-shadow-lg)}.sn-guide-popover--open{display:block}.sn-guide-popover__arrow{position:absolute;top:-6px;right:20px;width:12px;height:12px;background-color:var(--ct-bg);border-left:1px solid var(--ct-border);border-top:1px solid var(--ct-border);transform:rotate(45deg)}.sn-guide-popover__item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;color:var(--ct-text-main);line-height:1.5}.sn-guide-popover__item+.sn-guide-popover__item{border-top:1px solid var(--ct-border)}.sn-guide-popover__item svg{flex-shrink:0;margin-top:2px;color:var(--ct-accent)}.sn-chart-distance{display:inline-block;padding:6px 16px;margin:0;font-size:13px;font-weight:600;color:var(--ct-accent);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-full)}.sn-chart{padding:32px 16px;background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);overflow-y:auto;max-height:80vh}.sn-chart__row{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--ct-border)}.sn-chart__row:last-child{border-bottom:none}.sn-chart__acuity{flex-shrink:0;width:60px;font-size:13px;color:var(--ct-text-muted);text-align:right}.sn-chart__letters{font-family:Courier New,SF Mono,monospace;font-weight:700;color:var(--ct-text-main);text-align:center;white-space:nowrap}.sn-chart__letters--tumbling{display:inline-flex;align-items:center;letter-spacing:0}.sn-chart__e{display:inline-block}.sn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sn-info{margin-top:48px;padding-top:32px;border-top:1px solid var(--ct-border)}.sn-info__title{font-size:24px;font-weight:700;color:var(--ct-text-main);margin-bottom:10px}.sn-info__text{font-size:16px;color:var(--ct-text-main);line-height:1.7}.sn-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}@media(max-width:768px){.sn-features{grid-template-columns:1fr}}.sn-feature{padding:16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);transition:border-color var(--ct-transition)}.sn-feature:hover{border-color:var(--ct-accent)}.sn-feature__icon{width:40px;height:40px;border-radius:10px;background-color:var(--ct-bg);border:1px solid var(--ct-border);display:flex;align-items:center;justify-content:center;color:var(--ct-accent);margin-bottom:10px}.sn-feature__title{font-size:15px;font-weight:700;color:var(--ct-text-main);margin-bottom:4px}.sn-feature__desc{font-size:14px;color:var(--ct-text-muted);line-height:1.7}.sn-howto{margin-top:28px}.sn-howto__title{font-size:18px;font-weight:700;color:var(--ct-text-main);margin-bottom:12px}.sn-steps{display:flex;flex-direction:column;gap:10px}.sn-step{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:10px}.sn-step__number{flex-shrink:0;width:28px;height:28px;border-radius:7px;background-color:var(--ct-primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.sn-step__content{flex:1;min-width:0}.sn-step__label{font-size:14px;font-weight:700;color:var(--ct-text-main);margin-bottom:2px}.sn-step__desc{font-size:13px;color:var(--ct-text-muted);line-height:1.6}.sn-faq{margin-top:28px}.sn-faq__title{font-size:18px;font-weight:700;color:var(--ct-text-main);margin-bottom:12px}.sn-faq__list{display:flex;flex-direction:column;gap:8px}.sn-faq__item{border:1px solid var(--ct-border);border-radius:10px;background-color:var(--ct-bg);transition:border-color var(--ct-transition)}.sn-faq__item[open]{border-color:var(--ct-accent)}.sn-faq__question{padding:12px 16px;font-size:14px;font-weight:700;color:var(--ct-text-main);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.sn-faq__question::-webkit-details-marker{display:none}.sn-faq__question:after{content:"+";flex-shrink:0;width:24px;height:24px;border-radius:8px;background-color:var(--ct-bg-soft);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--ct-text-muted);transition:background-color var(--ct-transition)}.sn-faq__item[open] .sn-faq__question:after{content:"−";background-color:var(--ct-accent);color:#fff}.sn-faq__answer{padding:0 16px 14px;font-size:13px;color:var(--ct-text-muted);line-height:1.6}.sn-print-header{display:none}@media(max-width:640px){.sn-hero__title{font-size:28px}.sn-app__body{padding:16px}.sn-actions{flex-direction:column}.sn-actions .btn{width:100%}.sn-chart__acuity{width:48px;font-size:11px}}@media print{body *{visibility:hidden}.sn-print-header,.sn-print-header *,#sn-chart-container,#sn-chart-container *{visibility:visible}.sn-print-header{display:block;position:fixed;top:0;left:0;width:100%;padding:10mm 15mm}.sn-print-header__title{font-size:18px;font-weight:700;color:#000;margin-bottom:4px}.sn-print-header__instructions{font-size:11px;color:#555;margin-bottom:0}#sn-chart-container{position:fixed;top:25mm;left:0;width:100%;max-height:none;overflow:visible;border:none;padding:0 15mm;background:#fff}.sn-chart__row{break-inside:avoid;border-bottom:none;padding:8px 0}.sn-chart__letters{color:#000}.sn-chart__acuity{color:#666}#sn-chart-container:after{content:"Tạo bởi chitiet.vn";display:block;margin-top:10mm;font-size:9px;color:#999}}