.trn-tool{position:relative;overflow:hidden;max-width:820px;margin:32px auto;padding:30px;color:#1f2d46;background:linear-gradient(180deg,#fff 0,#f8fbff 100%);border:1px solid #dfe8f4;border-radius:18px;box-shadow:0 18px 48px rgba(20,31,51,.12)}.trn-tool,.trn-tool *{box-sizing:border-box}.trn-tool__header{position:relative;margin-bottom:24px;text-align:center}.trn-tool__title{display:inline-block;margin:0 0 12px;color:#1f2d46;font-size:32px;font-weight:700;line-height:1.3}.trn-tool__title:after{content:"";display:block;width:74px;height:4px;margin:12px auto 0;border-radius:99px;background:#084da4}.trn-tool__intro{max-width:620px;margin:0 auto;color:#66758d;font-size:14px;line-height:1.7}.trn-tool__form{max-width:680px;margin:0 auto}.trn-tool__fieldset{margin:0 0 18px;padding:0;border:0}.trn-tool__legend{display:block;width:100%;margin-bottom:10px;color:#1f2d46;font-size:16px;font-weight:700;text-align:center}.trn-tool__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.trn-tool__option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:10px;color:#1f2d46;font-weight:700;border:1px solid #dfe8f4;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.trn-tool__option:has(input:checked){color:#084da4;border-color:#084da4;background:#eef5ff;box-shadow:0 8px 18px rgba(8,77,164,.12)}.trn-tool__option input{width:16px;height:16px;margin:0}.trn-tool__display{display:flex;align-items:center;justify-content:center;min-height:150px;margin:18px 0;padding:24px;color:#084da4;font-size:clamp(56px, 12vw, 104px);font-weight:800;line-height:1;letter-spacing:.08em;text-align:center;border:1px solid #dfe8f4;border-radius:16px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.trn-tool__button{display:block;width:100%;min-height:54px;color:#fff;font-family:inherit;font-size:17px;font-weight:700;border:0;border-radius:10px;background:#084da4;box-shadow:0 8px 18px rgba(8,77,164,.22);cursor:pointer;transition:background .2s ease,transform .2s ease}.trn-tool__button:disabled{opacity:.72;cursor:wait;transform:none}.trn-tool__button:hover{background:#063b7d;transform:translateY(-1px)}.trn-tool.is-randomizing .trn-tool__display{color:#063b7d;animation:trn-number-spin .42s linear infinite;box-shadow:inset 0 0 0 2px rgba(8,77,164,.12),0 12px 28px rgba(8,77,164,.12)}@keyframes trn-number-spin{0%{transform:translateY(0) scale(1);filter:blur(0)}35%{transform:translateY(-2px) scale(1.015);filter:blur(.6px)}70%{transform:translateY(2px) scale(.995);filter:blur(.4px)}100%{transform:translateY(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion:reduce){.trn-tool.is-randomizing .trn-tool__display{animation:none}}.trn-guide{margin-top:26px;padding:22px;border:1px solid #dfe8f4;border-radius:14px;background:#fff}.trn-guide__title{margin:0 0 14px;color:#1f2d46;font-size:20px;font-weight:700}.trn-guide__steps{margin:0;padding-left:24px;color:#526174;font-size:14px;line-height:1.8}.trn-guide__steps li{margin-bottom:7px}.trn-guide__note{margin:14px 0 0;padding:12px 14px;color:#084da4;font-size:13px;line-height:1.7;border-radius:10px;background:#eef5ff}@media (max-width:640px){.trn-tool{padding:20px;border-radius:14px}.trn-tool__title{font-size:25px}.trn-tool__options{grid-template-columns:repeat(2,minmax(0,1fr))}.trn-tool__display{min-height:120px;font-size:clamp(42px, 16vw, 70px)}.trn-guide{padding:16px}}