body:has(.planner) footer,body:has(.planner)>header{display:none}.planner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:var(--screen-h,100vh);min-height:var(--screen-h,100dvh);padding-top:64px}.plan-header{position:fixed;inset:0 0 auto;z-index:20;height:calc(64px + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;background:#000;border-bottom:1px solid var(--line)}.plan-header img{display:block;height:20px;width:auto}.plan-exit{font-size:14px;color:var(--fg-2);text-decoration:none;padding:10px 0 10px 16px}.plan-exit:hover{color:#fff}.plan-visual{position:-webkit-sticky;position:sticky;top:64px;height:calc(var(--screen-h, 100vh) - 64px);height:calc(var(--screen-h, 100dvh) - 64px);overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(60% 50% at 50% 50%,rgba(255,255,255,.05),rgba(0,0,0,0) 70%),linear-gradient(rgba(255,255,255,.08) 1px,transparent 0) 0 0 /48px 48px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0) 0 0 /48px 48px,#050505}.plan-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(75% 70% at 50% 50%,rgba(0,0,0,0) 40%,#000 100%);pointer-events:none}.plan-art{position:absolute;inset:0;z-index:1;display:grid;place-items:center}.plan-art svg{width:min(84%,500px);height:auto;overflow:visible}.plan-art circle,.plan-art path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.plan-art .g{fill:none;stroke:rgba(255,255,255,.07);stroke-width:.75}.plan-art .s{fill:none;stroke:rgba(255,255,255,.88);stroke-width:1}.plan-art .f{fill:none;stroke:rgba(255,255,255,.36);stroke-width:1}.plan-art .face{fill:#080808}.plan-art .lit{fill:none;stroke:var(--ok);stroke-width:1.15}.plan-art .lit.face{fill:#0a1a11}.plan-art .lit-line{fill:none;stroke:var(--ok);stroke-width:1.2}.plan-art .dash{fill:none;stroke:rgba(255,255,255,.3);stroke-width:.9;stroke-dasharray:2 4}.plan-art .dot{fill:rgba(255,255,255,.7)}.plan-art .pin{fill:var(--ok)}.plan-art .t{font-family:var(--font-mono),Menlo,monospace;font-size:9.5px;letter-spacing:.03em;fill:#a8a8a8}.draw .f,.draw .g,.draw .lit,.draw .lit-line,.draw .s{stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);animation:plan-draw 1.4s cubic-bezier(.3,.6,.2,1) forwards;animation-delay:var(--d,0s)}.draw .face{fill-opacity:0;animation:plan-draw 1.2s cubic-bezier(.3,.6,.2,1) forwards,plan-fill .6s ease forwards;animation-delay:var(--d,0s),calc(var(--d, 0s) + .5s)}.draw .dash{animation:plan-fade .8s ease both;animation-delay:var(--d,.4s)}.draw .dot,.draw .t{animation:plan-fade .6s ease both;animation-delay:var(--d,.9s)}.draw .pin{animation:plan-fade .6s ease both var(--d,.9s),plan-pulse 2.4s ease-in-out infinite 2s}@keyframes plan-draw{to{stroke-dashoffset:0}}@keyframes plan-fill{to{fill-opacity:1}}@keyframes plan-fade{0%{opacity:0}}@keyframes plan-pulse{50%{opacity:.35}}.plan-caption{position:absolute;left:28px;bottom:24px;z-index:2;font-family:var(--font-mono),Menlo,monospace;font-size:11px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.plan-side{display:flex;flex-direction:column;padding-block:0 40px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));min-width:0}.plan-top{display:flex;align-items:center;height:64px}.plan-count,.plan-eyebrow{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.plan-count{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.plan-bar{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.plan-bar i{display:block;height:100%;background:#fff;transition:width .5s ease}.plan-screen{flex:1 1;display:flex;flex-direction:column;justify-content:center;max-width:640px;width:100%;padding-block:44px 16px;animation:plan-rise .5s ease both}@keyframes plan-rise{0%{opacity:0;transform:translateY(14px)}}.plan-screen h1{font-size:clamp(34px,4.2vw,56px);line-height:1.04}.plan-lead{margin-top:14px;font-size:17px;color:var(--fg-2);max-width:46ch}.plan-hint{margin-top:12px;font-size:14px;color:var(--muted)}.plan-hint a{color:var(--fg-2)}.plan-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:30px}.plan-choice{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;padding:14px 16px 14px 14px;border:1px solid #262626;border-radius:10px;background:var(--panel);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.plan-choice:hover{border-color:#444}.plan-choice b{display:block;font-weight:400;font-size:16px}.plan-choice span span{display:block;font-size:13px;color:var(--muted);line-height:1.35}.plan-choice .plan-ico{width:48px;height:48px;border-radius:8px;border:1px solid #262626;display:grid;place-items:center;background:#050505}.plan-ico svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.plan-choice[aria-pressed=true]{border-color:#fff;background:#141414}.plan-choice[aria-pressed=true] .plan-ico{background:#fff;border-color:#fff}.plan-choice[aria-pressed=true] .plan-ico svg{stroke:#000}.plan-choice[aria-pressed=true]:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/14px no-repeat}.plan-wants{margin-top:26px;display:flex;flex-direction:column;gap:26px}.plan-wants h2{margin-bottom:10px;font-family:var(--font-mono),Menlo,monospace;font-size:13px;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.plan-pills{display:flex;flex-wrap:wrap;gap:8px}.plan-pill{padding:7px 14px;border:1px solid #333;border-radius:99px;background:transparent;font:inherit;font-size:14px;color:var(--fg-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.plan-pill:hover{border-color:#666}.plan-pill[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}.plan-options{margin-top:30px;display:flex;flex-direction:column;border-top:1px solid var(--line)}.plan-option{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:inherit;font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;color:var(--fg-2);cursor:pointer}.plan-option:hover,.plan-option[aria-pressed=true]{color:#fff}.plan-option small{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted);white-space:nowrap}.plan-option[aria-pressed=true] small{color:var(--ok)}.plan-fields{margin-top:28px;display:grid;grid-gap:24px;gap:24px}.plan-two{grid-template-columns:1fr 1fr}.plan-heard{margin:26px 0 0;padding:0;border:0}.plan-heard legend{padding:0;margin-bottom:10px}.plan-field,.plan-heard legend{font-size:15px;color:var(--fg-2)}.plan-field{display:block}.plan-opt{color:var(--muted);font-size:13px}.plan-field input,.plan-field textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid #3a3a3a;border-radius:0;color:#fff;font:inherit;font-size:20px;padding:6px 0 10px;outline:none;resize:none}.plan-field input:focus,.plan-field textarea:focus{border-bottom-color:#fff}.plan-field ::placeholder{color:#5c5c5c}.plan-card{margin:28px 0 0;border:1px solid #262626;border-radius:12px;background:var(--panel)}.plan-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;grid-gap:16px;gap:16px;padding:16px 20px;border-top:1px solid #262626;align-items:baseline}.plan-row:first-child{border-top:0}.plan-row dt{font-family:var(--font-mono),Menlo,monospace;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.plan-row dd{margin:0;font-size:15px;color:var(--fg-2);overflow-wrap:anywhere}.plan-row dd b{font-weight:400;color:#fff}.plan-want-line{display:block}.plan-edit,.plan-none{color:var(--muted)}.plan-edit{background:none;border:0;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.plan-edit:hover{color:#fff}.plan-steps{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line);counter-reset:s}.plan-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);padding:18px 0;border-bottom:1px solid var(--line);counter-increment:s}.plan-steps li:before{content:counter(s);grid-row:span 2;font-family:var(--font-mono),Menlo,monospace;font-size:13px;color:var(--muted);padding-top:3px}.plan-steps b{font-weight:400;font-size:18px}.plan-steps span{color:var(--muted);font-size:15px}.plan-home{align-self:flex-start;margin-top:32px}.plan-error{min-height:22px;margin-top:14px;font-size:14px;color:#ff8a80}.plan-nav{display:flex;align-items:center;gap:18px;max-width:640px;padding-top:8px}.plan-nav .btn{margin-left:auto}.plan-back{background:none;border:0;color:var(--muted);font:inherit;font-size:15px;cursor:pointer;padding:10px 0}.plan-back:hover{color:#fff}.plan-keyhint{font-family:var(--font-mono),Menlo,monospace;font-size:11px;color:var(--muted)}.plan-note{margin-top:26px;font-size:14px;color:var(--muted)}.plan-note a{color:#fff}:lang(th) .plan-art .t{font-family:var(--font-thai),var(--font-mono),sans-serif;letter-spacing:0}.planner:lang(th) :is(.plan-caption,.plan-eyebrow,.plan-count,.plan-wants h2,.plan-row dt,.plan-option small,.plan-keyhint){font-family:inherit;text-transform:none;letter-spacing:0}@media (max-width:860px){.planner{grid-template-columns:minmax(0,1fr)}.plan-visual{position:relative;top:0;height:calc(var(--screen-h, 100vh) * .3);min-height:200px;border-right:0;border-bottom:1px solid var(--line)}.plan-art svg{width:min(72%,300px)}.plan-art .lead,.plan-art .t{display:none}.plan-caption{left:max(16px,env(safe-area-inset-left,0px));bottom:12px}.plan-side{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.plan-screen{padding-block:24px 8px;justify-content:flex-start}.plan-choices,.plan-two{grid-template-columns:minmax(0,1fr)}.plan-row{grid-template-columns:minmax(0,1fr) auto}.plan-row dt{grid-column:1/-1}.plan-keyhint{display:none}.plan-options .plan-option:last-child{border-bottom:0}.plan-nav{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background:#000;border-top:1px solid var(--line);padding-block:12px calc(12px + env(safe-area-inset-bottom, 0px))}html:has(.planner){scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))}}@media (max-width:860px) and (max-height:860px){.plan-later .plan-visual{height:120px;min-height:0}.plan-later .plan-art svg{width:112px}}@media (prefers-reduced-motion:reduce){.plan-screen{animation:none}.draw .dash,.draw .dot,.draw .f,.draw .face,.draw .g,.draw .lit,.draw .lit-line,.draw .pin,.draw .s,.draw .t{animation:none;stroke-dashoffset:0;fill-opacity:1}.plan-bar i{transition:none}}