body[data-screen=home]{background:#fefefe;color:#161b20;--accent:#187047;--muted:#7e8387;--line:#c9cdd0;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-lockup{display:flex;align-items:center;gap:18px}.home-context{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.1px}body[data-screen=play] .home-context,body[data-screen=play] #resume-section,body[data-screen=home] .play-help{display:none}body[data-screen=home] .app-header{max-width:1440px;padding:45px 64px 24px;min-height:108px}body[data-screen=home] .wordmark{font-size:29px;font-weight:600;letter-spacing:-.9px}.resume-link{padding:5px 0;border:0;background:none!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;border-radius:0}.resume-link span{margin-left:10px}.resume-link:hover{text-decoration:underline;text-underline-offset:5px}.dimension-home{max-width:1440px;padding:0 64px;margin:0 auto 30px}.dimension-home #setup-fields{margin:0}.dimension-stage{display:grid;grid-template-columns:23% 52% 25%;align-items:center;min-height:420px;height:clamp(450px,calc(100svh - 335px),720px);gap:0;padding:34px 0 45px}.control-label{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;color:#747b80;line-height:1.4}.dimension-rail{height:100%;max-height:605px;padding-left:29%;display:flex;flex-direction:column;padding-top:9px}.dimension-rail .control-label{text-transform:uppercase;letter-spacing:1.1px;margin:0 0 18px 3px}.dimension-options{display:flex;flex-direction:column;flex:1;min-height:0;border-left:1px solid #b7bcc0;margin-left:26px}.dimension-options label{position:relative;display:flex;align-items:center;gap:19px;padding-left:25px;flex:1;min-height:53px;cursor:pointer;width:120px;color:#a1a4a6}.dimension-options input,.inline-choices input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.dimension-options label:before{content:"";position:absolute;left:-7px;width:13px;border-top:1px solid #aeb4b8}.dimension-options label:has(input:checked):after{content:"";position:absolute;left:-40px;width:26px;height:4px;background:var(--accent);border-radius:1px}.rail-number{font-size:48px;line-height:1;font-weight:600;letter-spacing:-1.8px}.rail-unit{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;visibility:hidden}.dimension-options label:has(input:checked){color:#13191d}.dimension-options input:checked~.rail-unit{visibility:visible}.dimension-options label:hover .rail-number{color:#354a40}.dimension-options label:has(input:focus-visible),.inline-choices label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:5px}.dimension-figure{margin:0;padding:0 8% 0 12%;width:100%;min-width:0;transform:translateY(-12px)}.dimension-preview{display:grid;grid-template-columns:repeat(var(--preview-columns),minmax(0,1fr));gap:28px;width:100%;max-height:100%;aspect-ratio:1;align-content:center}.preview-stack{position:relative;aspect-ratio:1;--layer-step:3.65%;padding-top:calc(var(--layer-count) * var(--layer-step));padding-right:calc(var(--layer-count) * var(--layer-step))}.preview-slice{position:absolute;table-layout:fixed;border-collapse:collapse;background:#fefefe;width:calc(100% - var(--layer-count) * var(--layer-step));height:calc(100% - var(--layer-count) * var(--layer-step));left:calc(var(--layer) * var(--layer-step));bottom:calc(var(--layer) * var(--layer-step));color:transparent;border:1px solid #b6bdc1;outline:1px solid #b6bdc1;outline-offset:-1px;box-shadow:none}.preview-slice tr{height:calc(100% / var(--preview-size))}.preview-slice td{padding:0;text-align:center;vertical-align:middle;line-height:1;width:1%;height:calc(100% / var(--preview-size));border:1px solid transparent;font-size:clamp(24px,3.1vw,47px);font-weight:600;font-variant-numeric:tabular-nums}.preview-slice:last-child{color:#161b20;border:1px solid #4f565a;outline-color:#4f565a}.preview-slice:last-child td{border-color:#93999d}.preview-slice:first-child{border-top-color:var(--accent);border-right-color:var(--accent)}.preview-slice:first-child:last-child{border-color:#4f565a}.dimension-preview[data-size="6"] .preview-slice td{font-size:clamp(22px,2.6vw,39px)}.dimension-preview[data-size="7"] .preview-slice td,.dimension-preview[data-size="8"] .preview-slice td,.dimension-preview[data-size="9"] .preview-slice td{font-size:clamp(18px,2.2vw,33px)}.dimension-preview:is([data-dimensions="4"],[data-dimensions="5"],[data-dimensions="6"]){gap:26px}.dimension-preview:is([data-dimensions="4"],[data-dimensions="5"],[data-dimensions="6"]) .preview-slice td{font-size:clamp(12px,1.4vw,21px);font-weight:500}.dimension-description{padding:0 0 3px 18%;max-width:350px}.dimension-description h2{font-size:46px;line-height:1.2;font-weight:600;letter-spacing:-1.8px;margin:0 0 12px}#preview-title{font-size:24px;line-height:1.4;font-weight:500;margin:0 0 11px}.dimension-home #dimension-detail{font-size:19px;line-height:1.55;color:#38424a;max-width:270px;margin:0}.dimension-home #setup-summary{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65;color:#7c8185;margin:33px 0 0;max-width:280px}.setup-bar{display:grid;grid-template-columns:minmax(205px,26%) minmax(320px,1fr) auto;align-items:start;gap:0;padding-top:39px;border-top:1px solid #bfc6ca}.setup-bar .control-label{margin-bottom:9px}.number-setting{padding-right:24px}.difficulty-setting{border-left:1px solid #c4c9cd;padding-left:clamp(24px,4.8vw,74px);padding-right:20px;min-height:66px}.inline-choices{display:flex;align-items:center;flex-wrap:wrap;gap:5px 24px}.inline-choices label{position:relative;display:flex;align-items:center;justify-content:center;min-width:21px;min-height:42px;padding:0 0 5px;cursor:pointer;font-size:17px;color:#353e45;white-space:nowrap}.number-setting .inline-choices{gap:5px 22px}.number-setting label{font-size:21px;font-weight:500}.inline-choices label:has(input:checked){color:#121b20;font-weight:600}.inline-choices label:has(input:checked):after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.inline-choices label:hover{color:var(--accent)}.dimension-home .start-actions{gap:15px;justify-content:flex-end}.dimension-home .primary-button{background:#176e46;border:1px solid #176e46;color:#fff;border-radius:0;min-height:62px;min-width:237px;padding:16px 27px;font-size:16px;letter-spacing:.1px}.dimension-home .primary-button:hover:not(:disabled){background:#105b39;border-color:#105b39}.home-footer{display:flex;align-items:center;gap:28px;padding-top:25px}.home-footer .quiet-button{font-size:12px;color:#616b72;text-decoration:underline;text-underline-offset:3px}.home-footer #library-button{margin-left:auto}.home-footer #cancel-button{margin-left:auto;color:#176e46}.dimension-home[aria-busy=true] #setup-fields{opacity:.55}.dimension-home[aria-busy=true] #setup-summary{color:#176e46}@media(min-width:851px)and (max-height:800px){body[data-screen=home] .app-header{padding-top:29px;min-height:85px}.dimension-stage{height:calc(100svh - 275px);min-height:345px;padding-block:25px 35px}.dimension-figure{max-width:480px;justify-self:center;width:min(100%,calc(100svh - 310px));padding:0}.dimension-rail{max-height:360px}.rail-number{font-size:36px}.dimension-options label{min-height:43px}.dimension-description h2{font-size:36px}#preview-title{font-size:21px}.dimension-home #dimension-detail{font-size:17px}.setup-bar{padding-top:26px}.home-footer{padding-top:19px}}@media(max-width:1100px)and (min-width:851px){body[data-screen=home] .app-header,.dimension-home{padding-inline:40px}.dimension-stage{grid-template-columns:20% 53% 27%}.dimension-rail{padding-left:12%}.dimension-description{padding-left:10%}.setup-bar{grid-template-columns:minmax(180px,25%) minmax(270px,1fr) auto}.difficulty-setting{padding-left:25px}.inline-choices,.number-setting .inline-choices{gap:5px 15px}.dimension-home .primary-button{min-width:190px;padding-inline:17px;font-size:14px}}@media(max-width:850px){body[data-screen=home] .app-header{padding:25px 28px 15px;min-height:80px;gap:15px}body[data-screen=home] .wordmark{font-size:24px}.brand-lockup{gap:12px}.home-context,.resume-link{font-size:11px}.resume-link span{margin-left:3px}.dimension-home{padding:0 28px;margin:10px auto 24px;max-width:720px}.dimension-stage{grid-template-columns:100px minmax(0,1fr);height:auto;min-height:0;padding:25px 0 29px;row-gap:25px}.dimension-rail{padding:0;height:100%;max-height:400px;grid-row:1}.dimension-rail .control-label{font-size:10px;letter-spacing:.5px;margin-left:0;margin-bottom:15px}.dimension-options{margin-left:13px;min-height:280px}.dimension-options label{padding-left:16px;width:73px;gap:8px;min-height:48px}.dimension-options label:has(input:checked):after{left:-15px;width:12px;height:3px}.rail-number{font-size:35px}.rail-unit{font-size:10px}.dimension-figure{transform:none;padding:0 0 0 25px;max-width:420px;justify-self:end}.dimension-description{grid-column:2;padding:0 0 0 25px;max-width:none}.dimension-description h2{font-size:27px;letter-spacing:-.8px;display:inline-block;margin:0 15px 7px 0}#preview-title{font-size:19px;display:inline;margin:0}.dimension-home #dimension-detail{font-size:15px;line-height:1.65;max-width:330px}.dimension-home #setup-summary{font-size:11px;margin-top:12px}.preview-slice td{font-size:36px}.setup-bar{grid-template-columns:1fr 1.5fr;gap:22px 0;padding-top:25px}.difficulty-setting{padding:0 0 0 25px;min-height:67px}.inline-choices{gap:5px 19px}.inline-choices label{font-size:15px;min-height:42px}.number-setting{padding-right:25px}.number-setting .inline-choices{gap:5px 18px}.number-setting label{font-size:19px}.dimension-home .start-actions{grid-column:1/-1}.dimension-home .primary-button{width:100%;min-height:53px}.home-footer{padding-top:16px}}@media(max-width:480px){body[data-screen=home] .app-header{padding:23px 22px 11px;flex-wrap:wrap;min-height:0;row-gap:12px}body[data-screen=home] .wordmark{font-size:23px}.home-context{font-size:10px}body[data-screen=home] .header-right{margin-left:auto;gap:8px}.resume-link{font-size:10px;min-height:28px}.resume-link span{margin-left:0}.dimension-home{padding-inline:22px;margin-top:8px}.dimension-stage{grid-template-columns:72px minmax(0,1fr);padding:24px 0 25px;row-gap:20px;align-items:center}.dimension-rail .control-label{font-size:8px;letter-spacing:.3px;margin-bottom:12px}.dimension-options{min-height:228px;margin-left:9px}.dimension-options label{width:55px;padding-left:13px;gap:6px;min-height:43px}.rail-number{font-size:30px}.dimension-figure{padding-left:12px;align-self:center}.preview-slice td{font-size:26px;font-weight:550}.dimension-description{padding-left:12px}.dimension-description h2{font-size:24px;margin-right:9px}#preview-title{font-size:17px}.dimension-home #dimension-detail{font-size:14px;line-height:1.5}.dimension-home #setup-summary{margin-top:10px}.dimension-preview:is([data-dimensions="4"],[data-dimensions="5"],[data-dimensions="6"]){gap:12px}.dimension-preview:is([data-dimensions="4"],[data-dimensions="5"],[data-dimensions="6"]) .preview-slice td{font-size:10px}.setup-bar{display:flex;flex-wrap:wrap;gap:19px;padding-top:22px}.number-setting,.difficulty-setting{width:100%;padding:0;border:0;min-height:0;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center}.setup-bar .control-label{font-size:11px;margin:0}.inline-choices{gap:5px 20px}.inline-choices label{font-size:13px;min-height:39px}.number-setting .inline-choices{gap:5px 19px}.number-setting label{font-size:18px;min-width:17px}.dimension-home .start-actions{width:100%;margin-top:2px}.dimension-home .primary-button{min-width:0;font-size:14px;min-height:50px}.home-footer{gap:18px;padding-top:14px}.home-footer .quiet-button{font-size:11px}}