.sg-app{--sg-paper: #fff6ea;--sg-paper-2: #ffeccd;--sg-panel: #ffffff;--sg-panel-2: #fff9f0;--sg-panel-3: #fef3e3;--sg-ink: #2c2647;--sg-ink-soft: #6a6189;--sg-ink-faint: #a79fc1;--sg-line: rgba(44, 38, 71, .12);--sg-line-2: rgba(44, 38, 71, .07);--sg-accent: #ff5d73;--sg-accent-deep: #e93f5a;--sg-accent-soft: rgba(255, 93, 115, .13);--sg-c-red: #ff5a5a;--sg-c-orange: #ff8c3b;--sg-c-gold: #f6b526;--sg-c-green: #2bb673;--sg-c-teal: #14b8c4;--sg-c-blue: #3d8bff;--sg-c-purple: #8a5cf0;--sg-c-pink: #ff5d9e;--sg-radius: 20px;--sg-radius-s: 13px;--sg-shadow: 0 24px 50px -28px rgba(60, 40, 90, .42);--sg-shadow-sm:0 8px 22px -14px rgba(60, 40, 90, .4);--sg-font-display: "Zen Maru Gothic", system-ui, sans-serif;--sg-font-ui: "Zen Kaku Gothic New", system-ui, sans-serif;--sg-maxw: 1240px;font-family:var(--sg-font-ui);color:var(--sg-ink);max-width:var(--sg-maxw);margin:0 auto;padding:clamp(14px,2.6vw,28px);min-height:100vh;display:flex;flex-direction:column;gap:clamp(14px,2.2vw,22px);position:relative;-webkit-font-smoothing:antialiased}[data-sg-theme=night] .sg-app{--sg-paper: #181428;--sg-paper-2: #211a3a;--sg-panel: #221b38;--sg-panel-2: #271f41;--sg-panel-3: #2d2449;--sg-ink: #f3eeff;--sg-ink-soft: #b6acd6;--sg-ink-faint:#7d749c;--sg-line: rgba(255, 255, 255, .12);--sg-line-2: rgba(255, 255, 255, .06);--sg-accent-soft: rgba(255, 93, 115, .2);--sg-shadow: 0 24px 60px -26px rgba(0, 0, 0, .7);--sg-shadow-sm:0 10px 26px -16px rgba(0, 0, 0, .65)}[data-sg-theme=night] body:has(.sg-app){background:radial-gradient(125% 80% at 50% -12%,#211a3a,#181428 52%) fixed!important}.sg-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.sg-brand{display:flex;align-items:center;gap:12px;user-select:none;text-decoration:none}.sg-brand__mark{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,var(--sg-accent),var(--sg-c-orange));color:#fff;box-shadow:0 8px 18px -8px var(--sg-accent),inset 0 2px #fff6;transition:transform .25s}.sg-brand__mark:hover{transform:rotate(-6deg) scale(1.04)}.sg-brand__mark svg{width:24px;height:24px}.sg-brand__title{font-family:var(--sg-font-display);font-weight:700;font-size:clamp(18px,2.2vw,22px);letter-spacing:.02em;line-height:1.05}.sg-brand__sub{font-size:11px;letter-spacing:.26em;color:var(--sg-ink-faint);text-transform:uppercase;margin-top:2px}.sg-actions{display:flex;align-items:center;gap:9px}.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:14px;font-family:var(--sg-font-display);font-weight:700;font-size:15px;letter-spacing:.02em;cursor:pointer;border:1.5px solid transparent;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s;white-space:nowrap}.sg-btn svg{width:19px;height:19px}.sg-btn--primary{background:linear-gradient(150deg,var(--sg-accent),var(--sg-accent-deep));color:#fff;box-shadow:0 12px 24px -12px var(--sg-accent),inset 0 1.5px #ffffff52}.sg-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px var(--sg-accent),inset 0 1.5px #ffffff52}.sg-btn--ghost{background:var(--sg-panel);border-color:var(--sg-line);color:var(--sg-ink-soft)}.sg-btn--ghost:hover{border-color:var(--sg-ink-faint);color:var(--sg-ink);transform:translateY(-2px)}.sg-btn--lg{padding:16px 26px;font-size:17px;border-radius:16px}.sg-btn--sm{padding:9px 13px;font-size:13px;border-radius:11px}.sg-btn--block{width:100%}.sg-iconbtn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid var(--sg-line);background:var(--sg-panel);color:var(--sg-ink-soft);cursor:pointer;transition:transform .16s,border-color .16s,color .16s,background .16s;position:relative}.sg-iconbtn:hover{color:var(--sg-ink);border-color:var(--sg-ink-faint);transform:translateY(-2px)}.sg-iconbtn svg{width:21px;height:21px}.sg-tip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.04em;white-space:nowrap;background:var(--sg-ink);color:var(--sg-paper);padding:5px 9px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.sg-iconbtn:hover .sg-tip{opacity:.96}.sg-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(10px,3vw,40px) 0 clamp(4px,2vw,24px)}@media(max-width:880px){.sg-hero{grid-template-columns:1fr;gap:28px}}.sg-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--sg-accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.sg-hero__eyebrow:before{content:"";width:24px;height:2px;background:var(--sg-accent);border-radius:2px}.sg-hero h1{font-family:var(--sg-font-display);font-weight:900;font-size:clamp(34px,6vw,60px);line-height:1.08;letter-spacing:.01em;margin-bottom:18px}.sg-pop{color:var(--sg-accent)}.sg-hero__lead{font-size:clamp(15px,1.8vw,18px);color:var(--sg-ink-soft);max-width:42ch}.sg-hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.sg-hero__meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.sg-metatag{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--sg-ink-soft);padding:6px 13px;border-radius:999px;border:1px solid var(--sg-line);background:var(--sg-panel);display:inline-flex;align-items:center;gap:7px}.sg-dot{width:6px;height:6px;border-radius:50%;background:var(--sg-c-green)}.sg-hero__board{position:relative;border-radius:24px;background:var(--sg-panel);border:1px solid var(--sg-line);box-shadow:var(--sg-shadow);padding:14px;transform:rotate(-1.4deg)}.sg-hero__pin{position:absolute;top:-14px;right:22px;z-index:10;font-family:var(--sg-font-display);font-weight:700;font-size:13px;color:#fff;background:var(--sg-c-blue);padding:7px 16px;border-radius:999px;transform:rotate(4deg);box-shadow:0 8px 16px -8px var(--sg-c-blue)}.sg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,18px);margin-top:clamp(20px,4vw,44px)}@media(max-width:720px){.sg-steps{grid-template-columns:1fr}}.sg-step{background:var(--sg-panel);border:1px solid var(--sg-line);border-radius:var(--sg-radius);padding:22px 22px 20px;box-shadow:var(--sg-shadow-sm);position:relative;overflow:hidden}.sg-step__no{font-family:var(--sg-font-display);font-weight:900;font-size:13px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:14px}.sg-step:nth-child(1) .sg-step__no{background:var(--sg-c-orange)}.sg-step:nth-child(2) .sg-step__no{background:var(--sg-c-purple)}.sg-step:nth-child(3) .sg-step__no{background:var(--sg-c-green)}.sg-step h3{font-family:var(--sg-font-display);font-weight:700;font-size:18px;margin-bottom:7px}.sg-step p{font-size:13.5px;color:var(--sg-ink-soft);line-height:1.7}.sg-step__deco{position:absolute;right:-18px;bottom:-18px;width:96px;height:96px;opacity:.08;color:var(--sg-ink)}.sg-section-rule{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:clamp(24px,5vw,52px);padding-bottom:14px;border-bottom:1px solid var(--sg-line)}.sg-section-rule h2{font-family:var(--sg-font-display);font-weight:700;font-size:16px;letter-spacing:.04em}.sg-en{font-size:11px;letter-spacing:.2em;color:var(--sg-ink-faint);text-transform:uppercase}.sg-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sg-legend__item{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;background:var(--sg-panel);border:1px solid var(--sg-line);font-size:13px;font-weight:500}.sg-legend__item svg{width:18px;height:18px}.sg-board-wrap{position:relative;border-radius:var(--sg-radius);padding:8px 10px;background:radial-gradient(circle at 1px 1px,rgba(44,38,71,.055) 1.5px,transparent 0) 0 0 / 22px 22px,radial-gradient(130% 100% at 50% 0%,var(--sg-panel-2) 0%,var(--sg-panel-3) 100%);border:2px solid rgba(44,38,71,.09);box-shadow:inset 0 1px #fff9,0 2px 18px -8px #2c264724;overflow:visible}[data-sg-theme=night] .sg-board-wrap{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1.5px,transparent 0) 0 0 / 22px 22px,radial-gradient(130% 100% at 50% 0%,var(--sg-panel-2) 0%,var(--sg-panel-3) 100%);box-shadow:inset 0 1px #ffffff0f}.sg-board{position:absolute;inset:0}.sg-tile{position:absolute;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:var(--sg-panel);border:2px solid var(--sg-line);box-shadow:0 5px 0 0 var(--sg-tile-shadow, rgba(44,38,71,.1)),0 10px 24px -10px #2c26471f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:6px 5px;transition:transform .16s,box-shadow .16s,border-color .16s;--sg-tile-color: var(--sg-ink-faint)}.sg-tile__icon{width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px);color:var(--sg-tile-color)}.sg-tile__no{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-family:var(--sg-font-display);font-weight:700;font-size:9px;color:var(--sg-ink-faint)}.sg-tile__label{font-size:clamp(7px,.8vw,10px);font-weight:700;color:var(--sg-ink-soft);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sg-tile[data-t=start]{--sg-tile-color: var(--sg-c-green);border-color:color-mix(in srgb,var(--sg-c-green) 55%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-green) 9%,var(--sg-panel))}.sg-tile[data-t=goal]{--sg-tile-color: var(--sg-accent);border-color:color-mix(in srgb,var(--sg-accent) 60%,var(--sg-line));background:color-mix(in srgb,var(--sg-accent) 11%,var(--sg-panel))}.sg-tile[data-t=plus]{--sg-tile-color: var(--sg-c-green);border-color:color-mix(in srgb,var(--sg-c-green) 50%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-green) 8%,var(--sg-panel))}.sg-tile[data-t=minus]{--sg-tile-color: var(--sg-c-red);border-color:color-mix(in srgb,var(--sg-c-red) 48%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-red) 8%,var(--sg-panel))}.sg-tile[data-t=rest]{--sg-tile-color: var(--sg-c-blue);border-color:color-mix(in srgb,var(--sg-c-blue) 48%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-blue) 8%,var(--sg-panel))}.sg-tile[data-t=warp]{--sg-tile-color: var(--sg-c-purple);border-color:color-mix(in srgb,var(--sg-c-purple) 50%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-purple) 9%,var(--sg-panel))}.sg-tile[data-t=branch]{--sg-tile-color: var(--sg-c-orange);border-color:color-mix(in srgb,var(--sg-c-orange) 55%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-orange) 10%,var(--sg-panel))}.sg-tile[data-t=event]{--sg-tile-color: var(--sg-c-pink);border-color:color-mix(in srgb,var(--sg-c-pink) 52%,var(--sg-line));background:color-mix(in srgb,var(--sg-c-pink) 9%,var(--sg-panel))}.sg-tile[data-t=normal]{--sg-tile-color: var(--sg-ink-faint)}.sg-tile__money{font-family:var(--sg-font-display);font-weight:700;font-size:clamp(7px,.75vw,9px);padding:1px 4px;border-radius:6px;line-height:1.3}.sg-tile__money.sg-up{color:var(--sg-c-green);background:color-mix(in srgb,var(--sg-c-green) 14%,transparent)}.sg-tile__money.sg-dn{color:var(--sg-c-red);background:color-mix(in srgb,var(--sg-c-red) 14%,transparent)}.sg-tile.sg-clickable{cursor:pointer}.sg-tile__pieces{position:absolute;inset-inline:0;bottom:-9px;display:flex;justify-content:center;flex-wrap:wrap;gap:2px;z-index:4}.sg-piece{width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 5px #0000004d;background:var(--sg-p, var(--sg-c-red))}[data-sg-theme=night] .sg-piece{border-color:var(--sg-panel)}.sg-foot{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--sg-ink-faint);font-size:12px;letter-spacing:.04em}.sg-foot__left{display:flex;align-items:center;gap:9px}.sg-foot__mark{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--sg-panel);border:1px solid var(--sg-line);color:var(--sg-accent)}.sg-foot__mark svg{width:15px;height:15px}.sg-foot__url{font-weight:500;color:var(--sg-ink-soft)}.sg-foot a:hover{color:var(--sg-accent)}.sg-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,24px);z-index:80;background:var(--sg-ink);color:var(--sg-paper);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 16px 34px -14px #0000008c;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;display:flex;align-items:center;gap:9px}.sg-toast.sg-show{opacity:1;transform:translate(-50%)}.sg-toast svg{width:18px;height:18px;color:var(--sg-c-green)}.sg-scrim{position:fixed;inset:0;z-index:60;background:#1e14326b;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.sg-scrim.sg-open{opacity:1;pointer-events:auto}.sg-modal{position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(520px,92vw);max-height:88vh;overflow-y:auto;background:var(--sg-panel);border:1px solid var(--sg-line);border-radius:22px;box-shadow:var(--sg-shadow);opacity:0;pointer-events:none;transition:opacity .26s,transform .26s cubic-bezier(.34,1.4,.5,1)}.sg-modal.sg-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.sg-modal__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px}.sg-modal__title{font-family:var(--sg-font-display);font-weight:700;font-size:20px;letter-spacing:.03em}.sg-modal__body{padding:0 22px 22px}.sg-xbtn{width:38px;height:38px;flex:none;border-radius:11px;border:1px solid var(--sg-line);background:var(--sg-panel-2);color:var(--sg-ink-soft);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}.sg-xbtn:hover{color:var(--sg-accent);border-color:var(--sg-accent)}.sg-xbtn svg{width:18px;height:18px}.sg-field-grp{display:flex;flex-direction:column;gap:9px}.sg-flabel{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--sg-ink-soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.sg-txt{width:100%;padding:11px 13px;border-radius:11px;border:1.5px solid var(--sg-line);background:var(--sg-panel-2);color:var(--sg-ink);font-family:var(--sg-font-ui);font-size:15px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.sg-txt:focus{outline:none;border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft)}.sg-txt::placeholder{color:var(--sg-ink-faint)}textarea.sg-txt{resize:vertical;min-height:64px;line-height:1.55}.sg-panel{background:var(--sg-panel);border:1px solid var(--sg-line);border-radius:var(--sg-radius);box-shadow:var(--sg-shadow-sm)}.sg-panel__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 13px;border-bottom:1px solid var(--sg-line-2)}.sg-panel__title{font-family:var(--sg-font-display);font-weight:700;font-size:16px;letter-spacing:.03em;display:flex;align-items:center;gap:9px}.sg-panel__title .sg-ic{width:18px;height:18px;color:var(--sg-accent)}.sg-panel__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:18px}.sg-seg{display:flex;gap:6px;background:var(--sg-panel-3);padding:5px;border-radius:13px}.sg-seg button{flex:1;border:none;cursor:pointer;padding:9px 8px;border-radius:9px;font-family:var(--sg-font-ui);font-size:13px;font-weight:500;color:var(--sg-ink-soft);background:transparent;transition:background .15s,color .15s,box-shadow .15s}.sg-seg button.sg-on{background:var(--sg-panel);color:var(--sg-ink);box-shadow:var(--sg-shadow-sm);font-weight:700}.sg-stepper{display:flex;align-items:center;gap:10px}.sg-stepper button{width:38px;height:38px;flex:none;border-radius:11px;border:1.5px solid var(--sg-line);background:var(--sg-panel);color:var(--sg-ink-soft);font-size:20px;cursor:pointer;display:grid;place-items:center;transition:border-color .15s,color .15s,transform .12s}.sg-stepper button:hover{border-color:var(--sg-accent);color:var(--sg-accent)}.sg-stepper .sg-val{font-family:var(--sg-font-display);font-weight:700;font-size:22px;min-width:54px;text-align:center}.sg-stepper .sg-val small{font-size:13px;color:var(--sg-ink-faint);font-family:var(--sg-font-ui);font-weight:400}.sg-linkbtn{background:none;border:none;cursor:pointer;font-family:var(--sg-font-ui);font-size:12px;color:var(--sg-ink-faint);padding:5px 8px;border-radius:8px;transition:color .15s,background .15s}.sg-linkbtn:hover{color:var(--sg-accent);background:var(--sg-accent-soft)}body:has(.sg-app){background:radial-gradient(125% 80% at 50% -12%,#ffeccd,#fff6ea 52%) fixed!important;color:#2c2647!important}body:has(.sg-app) .site-header,body:has(.sg-app) .site-footer{display:none!important}body:has(.sg-app) .tool-main{max-width:none;padding:0}