:root{color:#194567;font-synthesis:none;--result-font-size:clamp(1.375rem, 1.1rem + 1.3vw, 1.875rem);--result-line-height:1.35;-webkit-text-size-adjust:100%;background:#f5faff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:url(/assets/linda-background.png) 50%/cover no-repeat;position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer}p,h1{margin:0}.app{width:100%;max-width:712px;margin:0 auto;padding:24px 20px 60px}.brand{text-align:center;margin-bottom:24px}.brand img{width:270px;max-width:80%;height:auto;margin:0 auto 8px;display:block}.brand-note{overflow-wrap:anywhere;margin-top:8px;font-size:clamp(.75rem,.7rem + .4vw,.9375rem);line-height:1.6}.calculator{gap:16px;display:grid}.field label{text-align:center;margin-bottom:8px;display:block}.field label small{white-space:nowrap;font-size:clamp(.75rem,.7rem + .4vw,.9375rem);line-height:1.5;display:inline-block}.brand h1,.field label{font-family:inherit;font-size:var(--result-font-size);line-height:var(--result-line-height);letter-spacing:normal;font-weight:400}.field input{text-align:center;background:#fffc;border:1px solid #b9d5e7;border-radius:8px;width:100%;height:48px;padding:0 40px;font-size:clamp(1.25rem,1rem + 1.7vw,1.875rem);line-height:1.5;transition:border-color .2s,outline-color .2s;display:block}.field input:focus{outline-offset:2px;border-color:#52b9d7;outline:2px solid #9bd9eb}.field input[aria-invalid=true]{border-color:#a12b44}.field input[aria-invalid=true]:focus{outline-color:#dca5b0}.field-error{color:#a12b44;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(.8125rem,.75rem + .3vw,1rem);line-height:1.6}.field-error p+p{margin-top:4px}.birthday-format{color:#194567;text-align:center;overflow-wrap:anywhere;margin-bottom:8px;font-size:clamp(.8125rem,.75rem + .3vw,1rem);line-height:1.6}.birthday-input{position:relative;overflow:hidden}.birthday-input:focus-within{overflow:visible}.clear-button{opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;width:30px;height:30px;margin-top:-15px;padding:0;transition:transform .35s cubic-bezier(.8,0,.2,1),opacity .5s;display:grid;position:absolute;top:50%;right:7px;transform:translate(100%)}.clear-button[data-active=true]{opacity:1;pointer-events:auto;transform:translate(0)}.clear-button svg{fill:#194567;width:30px;height:30px;display:block}.clear-button:focus-visible{outline-offset:1px;border-radius:50%;outline:2px solid #008db4}.results{background:#ffffff73;border:1px solid #c5dce9;border-radius:8px;padding:8px 0}.result-row{text-align:center;font-size:var(--result-font-size);line-height:var(--result-line-height);justify-content:center;display:flex}.result-item{width:33.3333%}.result-item p+p{margin-top:8px}.major{color:#008fb5;font-weight:700}.minor{color:#194567}.patch{color:#075789;font-weight:700}.number-grid{text-align:center;flex-wrap:wrap;margin:0 -8px;display:flex}.number-cell{width:33.3333%;padding:12px 8px}.number-card{background:#ffffffa6;border:1px solid #c5dce9;border-radius:10px;justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative}.number-card[data-active=true]{box-shadow:0 12px 24px -10px #1945673d}.number-card[data-active=false]{color:#88a3b8;background:#ffffff4d}.number-card p{font-size:clamp(1.125rem,1rem + .75vw,1.5rem);font-weight:700;line-height:1.35}.number-card svg{fill:#0000;display:block;position:absolute}.number-card circle{stroke:#39bde0;stroke-width:2px}.number-card svg[data-type=triangle]{transform:translateY(-5px)}.number-card svg[data-type=triangle] polygon{stroke:#008fb5;stroke-width:3px}.number-card svg[data-type=square] polygon{stroke:#194567;stroke-width:4px}.screenshot-note{color:#194567;text-align:center;margin-top:16px;font-size:clamp(.75rem,.7rem + .25vw,.875rem);line-height:1.6}.screenshot-note p+p{margin-top:8px}.screenshot-note+.social-footer{margin-top:12px}.social-footer{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.4vw,12px);margin-top:24px;display:flex}.social-button{color:#fff;text-align:center;border:1px solid #ffffffd9;border-radius:12px;justify-content:center;align-items:center;gap:clamp(6px,.8vw,8px);max-width:100%;min-height:44px;padding:10px clamp(10px,1.2vw,16px);font-size:clamp(.75rem,.65rem + .6vw,.9375rem);font-weight:700;line-height:1.5;text-decoration:none;display:flex;box-shadow:0 12px 28px -14px #0076974d}.social-button svg{flex:none;width:clamp(16px,1.8vw,20px);height:clamp(16px,1.8vw,20px)}.social-facebook{background:#1877f2}.social-instagram{background:#e73c5f}.social-button:hover{filter:brightness(.95)}.social-button:focus-visible{outline-offset:3px;outline:3px solid #194567}@media (width<=480px){.app{padding:20px 20px 48px}.brand{margin-bottom:20px}.brand img{width:240px}.number-cell{padding:10px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}