:root{--paper: #fbf6ee;--paper-deep: #f4e9dc;--ink: #2f2927;--muted: #756963;--line: #dccabe;--coral: #f36e57;--coral-deep: #bf4b3e;--peach: #f6c7ad;--sun: #f7b55c;--night: #4d465c;--white: #fffdf9;--shadow: 0 20px 50px rgba(80, 45, 33, .08);font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0;margin:0;background:var(--paper)}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.32;background-image:radial-gradient(rgba(93,55,40,.12) .7px,transparent .7px);background-size:7px 7px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #265b76;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.65rem 1rem;border-radius:999px;color:#fff;background:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header,main,.site-footer{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid rgba(128,81,64,.2)}.wordmark{display:inline-flex;align-items:center;min-height:44px;gap:.7rem;font-size:.94rem;font-weight:800;letter-spacing:.08em;text-decoration:none}.wordmark-mark{position:relative;display:inline-block;width:32px;height:32px;overflow:hidden;border-radius:10px;background:var(--coral)}.wordmark-mark:before{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;content:"";background:#fff0c8}.wordmark-mark i{position:absolute;right:-1px;bottom:2px;width:25px;height:13px;border-radius:100% 0 0;background:#89413b;transform:skew(-20deg)}.wordmark-mark b{position:absolute;bottom:4px;left:7px;width:13px;height:17px;background:#fff0c8;clip-path:polygon(50% 0,100% 100%,0 100%)}.top-nav{display:flex;gap:1.5rem;color:var(--muted);font-size:.77rem;font-weight:700;letter-spacing:.08em}.top-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.top-nav a:hover{color:var(--coral-deep)}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(2rem,7vw,7.2rem);align-items:center;min-height:620px;padding:75px 0 95px}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.3rem;color:var(--coral-deep);font-size:.68rem;font-weight:800;letter-spacing:.18em}.eyebrow-line{display:inline-block;width:31px;height:2px;background:var(--coral)}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.045em}h1{max-width:8em;font-size:clamp(3.3rem,7vw,6.25rem);line-height:.98}h1 em{color:var(--coral);font-style:normal}h2{font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.02}h3{font-size:1.55rem;line-height:1.15}.hero-lede{max-width:31rem;margin:1.65rem 0 1.4rem;color:var(--muted);font-size:1rem;line-height:1.95}.hero-example{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin:0 0 1.85rem;color:var(--ink);font-size:.77rem;font-weight:700}.hero-example>span:not(.hero-example-label){padding-left:.75rem;border-left:1px solid var(--line)}.hero-example-label{padding:.34rem .6rem;border-radius:4px;color:#fff;background:var(--coral);font-size:.64rem;letter-spacing:.1em}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:.55rem;border:1px solid transparent;border-radius:3px;padding:.7rem 1.1rem;font-size:.83rem;font-weight:800;letter-spacing:.02em;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--coral);box-shadow:8px 8px #f36e5726}.button-primary:hover{background:var(--coral-deep)}.button-quiet{color:var(--muted);border-color:var(--line);background:transparent}.button-quiet:hover{color:var(--ink);background:var(--paper-deep)}.button-outline{min-height:44px;padding:.55rem .85rem;color:var(--ink);border-color:var(--line);background:transparent}.button-outline:hover{border-color:var(--coral);background:#f36e5714}.button-small{min-height:44px;padding:.45rem .7rem;font-size:.74rem}.text-button{min-height:44px;padding:.35rem .25rem;border:0;color:var(--coral-deep);background:transparent;font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:.22em}.text-button:hover{color:var(--ink)}.hero-visual{position:relative;min-width:0}.hero-visual:before{position:absolute;z-index:-1;top:-20px;left:12%;width:74%;height:calc(100% + 40px);content:"";background:#efc2ad;transform:rotate(-4deg)}.hero-visual img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;box-shadow:18px 24px #5631281f;filter:saturate(.86) contrast(.98)}.hero-stamp{position:absolute;top:-18px;right:-23px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;border:1px solid rgba(47,41,39,.45);border-radius:50%;color:var(--coral-deep);background:var(--paper);transform:rotate(12deg)}.hero-stamp span{font-size:.52rem;font-weight:800;letter-spacing:.14em}.hero-stamp strong{font-size:1.45rem;line-height:1}.hero-caption{position:absolute;right:1.1rem;bottom:-2.2rem;margin:0;color:var(--muted);font-size:.69rem;line-height:1.7;text-align:right}.hero-caption span{color:#9f8980;font-size:.6rem}.method-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 110px;border-block:1px solid var(--line);background:var(--line)}.method-strip>div{display:flex;align-items:baseline;gap:.75rem;min-height:78px;padding:1.55rem 1.25rem;background:var(--paper)}.strip-number{color:var(--coral);font-size:.68rem;font-weight:900;letter-spacing:.1em}.method-strip strong{font-size:.9rem}.method-strip div span:last-child{color:var(--muted);font-size:.73rem}.workspace{padding-bottom:118px;scroll-margin-top:28px}.section-heading{max-width:690px;margin-bottom:2.6rem}.section-heading>p:last-child{max-width:33rem;margin:1.3rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.85}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:2.2rem;align-items:stretch}.input-panel{position:relative;padding:clamp(1.3rem,3vw,2.6rem);border:1px solid #e0cfc0;background:#fffdf9c2;box-shadow:var(--shadow)}.panel-kicker{margin-bottom:1.9rem;color:var(--coral-deep);font-size:.65rem;font-weight:900;letter-spacing:.18em}.panel-kicker span{color:#a7958c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1rem}.field-wide{grid-column:span 2}.field label{display:flex;align-items:center;gap:.4rem;min-height:26px;margin-bottom:.45rem;font-size:.78rem;font-weight:800}.required{padding:.18rem .32rem;border-radius:3px;color:var(--coral-deep);background:#fbe3d8;font-size:.56rem;letter-spacing:.04em}.direction-hint{color:#a18f85;font-size:.64rem;font-weight:500}.field input,.field select{width:100%;min-height:49px;border:1px solid #cfbbae;border-radius:2px;padding:.65rem .75rem;color:var(--ink);outline:none;background:#fffdfa;font-size:16px}.field input:hover,.field select:hover{border-color:var(--coral)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#b73535;background:#fff7f5}.input-with-unit{position:relative}.input-with-unit input{padding-right:2rem}.input-with-unit>span{position:absolute;top:50%;right:.75rem;color:var(--muted);font-size:.85rem;pointer-events:none;transform:translateY(-50%)}.field-help{min-height:1.2em;margin:.36rem 0 0;color:#9b8c84;font-size:.65rem;line-height:1.45}.form-feedback{margin:1.2rem 0 0;padding:.75rem .9rem;border-left:3px solid #b73535;color:#8d2d2d;background:#fff1ed;font-size:.78rem;line-height:1.55}.form-feedback.success{border-color:#398067;color:#25604c;background:#edf7f0}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.privacy-note{margin:1.45rem 0 0;color:#8c7c74;font-size:.65rem;line-height:1.5}.privacy-note span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-right:.22rem;border:1px solid #bca99e;border-radius:50%}.mini-brief{display:flex;flex-direction:column;min-height:100%;padding:1.65rem;color:#fff9f0;background:#514657;box-shadow:14px 14px #eac3af}.mini-brief-top{display:flex;justify-content:space-between;color:#efc8b3;font-size:.63rem;font-weight:800;letter-spacing:.17em}.mini-brief h3{margin-top:4.8rem;color:#fff5e8;font-size:clamp(1.8rem,3vw,2.5rem)}.mini-brief>p{max-width:18rem;margin:1.35rem 0 0;color:#dfcfd0;font-size:.78rem;line-height:1.8}.compass-mini{position:relative;width:154px;height:154px;margin:2.3rem auto 2rem;border:1px solid rgba(255,242,226,.45);border-radius:50%}.compass-mini:before,.compass-mini:after{position:absolute;content:"";background:#fff2e23d}.compass-mini:before{top:50%;left:12%;width:76%;height:1px}.compass-mini:after{top:12%;left:50%;width:1px;height:76%}.compass-mini span{position:absolute;color:#fff4e4;font-size:.61rem;font-weight:800}.compass-mini span:nth-child(1){top:8px;left:50%;transform:translate(-50%)}.compass-mini span:nth-child(2){top:50%;right:8px;transform:translateY(-50%)}.compass-mini span:nth-child(3){bottom:8px;left:50%;transform:translate(-50%)}.compass-mini span:nth-child(4){top:50%;left:8px;transform:translateY(-50%)}.compass-mini i{position:absolute;top:30px;left:75px;width:2px;height:62px;background:var(--coral);transform:rotate(39deg);transform-origin:center bottom}.compass-mini i:after{position:absolute;top:0;left:-4px;content:"";border-right:5px solid transparent;border-bottom:11px solid var(--coral);border-left:5px solid transparent}.mini-footnote{margin-top:auto!important;padding-top:1rem;border-top:1px solid rgba(255,242,226,.18);font-size:.66rem!important}.results-section{position:relative;margin-inline:calc(50% - 50vw);padding:88px max(24px,calc((100vw - 1240px)/2)) 96px;color:var(--ink);background:#f1e1d5;scroll-margin-top:28px}.results-section:before{position:absolute;top:0;right:0;width:39%;height:100%;content:"";opacity:.28;background:linear-gradient(125deg,transparent 45%,#f7c9b1 46%,#f7c9b1 50%,transparent 51%);pointer-events:none}.result-header,.result-layout,.result-note{position:relative;z-index:1;max-width:1240px;margin-inline:auto}.result-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2.3rem}.result-header .eyebrow{margin-bottom:.8rem}.result-context{margin:.9rem 0 0;color:var(--muted);font-size:.76rem}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}.result-layout{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:1.15rem}.result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;align-content:start;background:var(--line)}.metric-card{min-height:164px;padding:1.35rem;background:#fffdf9c7}.metric-card.metric-main{background:var(--coral);color:#fff7ed}.metric-label{display:block;margin-bottom:1.05rem;font-size:.69rem;font-weight:800;letter-spacing:.08em}.metric-card strong{display:block;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;letter-spacing:-.06em}.metric-unit{display:block;margin-top:.7rem;color:#97877f;font-size:.67rem;line-height:1.45}.metric-main .metric-unit{color:#ffe3cf}.metric-condition strong{font-size:1.18rem;letter-spacing:-.02em}.metric-condition strong[data-condition=night]{color:var(--night)}.metric-condition strong[data-condition=low-angle]{color:#ad6a32}.metric-condition strong[data-condition=day]{color:#328066}.diagram-panel{min-width:0;padding:1rem 1.15rem .9rem;background:#fffdf9d1}.diagram-heading{display:flex;justify-content:space-between;padding:.15rem .3rem .6rem;color:#927e75;font-size:.62rem;font-weight:900;letter-spacing:.13em}#shadow-diagram{display:block;width:100%;max-height:360px}#shadow-diagram[data-condition=night]{filter:saturate(.68)}.diagram-cardinal text{fill:#896f65;font-size:13px;font-weight:900;text-anchor:middle}.sun-direction line{stroke:#e7a24a;stroke-width:2;stroke-dasharray:2 7;opacity:.62}.sun-direction circle{fill:var(--sun);stroke:#fff6dd;stroke-width:4}.sun-direction text,.shadow-direction text{fill:#996b48;font-size:11px;font-weight:900;text-anchor:middle}.shadow-direction line{stroke:var(--coral);stroke-width:3;stroke-linecap:round}.gnomon path:first-child{fill:#ad6c54}.gnomon path:nth-child(2){fill:#f8d3b6}.gnomon circle{fill:#fff5e0;stroke:#ad6c54;stroke-width:2}.diagram-legend{margin:.15rem 0 0;color:#8f7f75;font-size:.65rem;text-align:right}.legend-sun{color:var(--sun);font-size:1rem}.legend-shadow{margin-left:.6rem;color:var(--coral);font-size:1rem}.result-note{margin-top:1.25rem;color:#87736a;font-size:.68rem;line-height:1.7}.comparison-section{padding:115px 0 105px;scroll-margin-top:28px}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;max-width:none}.split-heading>p{max-width:21rem;margin:0 0 .3rem;color:var(--muted);font-size:.78rem;line-height:1.7}.comparison-shell{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf999}.comparison-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.75rem}.comparison-table th,.comparison-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(220,202,190,.64);text-align:left;white-space:nowrap}.comparison-table thead th{color:#8d766b;font-size:.63rem;letter-spacing:.1em}.comparison-table tbody th{width:12%;font-weight:800}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody tr[data-condition=night]{color:#8a7c86;background:#4d465c09}.comparison-table tbody tr[data-condition=low-angle]{color:#96643e;background:#f7b55c14}.comparison-table tbody tr[data-condition=day]{background:#f36e5709}.table-altitude{display:inline-block;width:52px}.altitude-track{display:inline-block;width:95px;height:5px;overflow:hidden;vertical-align:middle;border-radius:99px;background:#eadbd1}.altitude-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--peach),var(--coral))}.scroll-hint{display:none;margin:.7rem 0 0;color:#99857b;font-size:.66rem;text-align:right}.saved-section{margin-inline:calc(50% - 50vw);padding:78px max(24px,calc((100vw - 1240px)/2));background:#eee2d8;scroll-margin-top:28px}.saved-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;max-width:1240px;margin:0 auto 1.8rem}.saved-heading p{max-width:32rem;margin:1rem 0 0;color:var(--muted);font-size:.78rem}.saved-count{padding:.4rem .65rem;border:1px solid #cdb8aa;border-radius:999px;color:var(--coral-deep);font-size:.67rem;font-weight:800;white-space:nowrap}.save-feedback{max-width:1240px;margin:0 auto 1.2rem;padding:.72rem .85rem;border-left:3px solid #398067;color:#25604c;background:#edf7f0;font-size:.75rem}.save-feedback.error{border-color:#b73535;color:#8d2d2d;background:#fff1ed}.saved-list{max-width:1240px;margin-inline:auto}.saved-empty{margin:0;padding:1.35rem;border:1px dashed #cdb9ab;color:#8f7d74;font-size:.78rem;text-align:center}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.15rem;border-block:1px solid #d8c6b9;background:#fffdf980}.saved-item+.saved-item{border-top:0}.saved-item strong,.saved-item span{display:block}.saved-item strong{font-size:.82rem}.saved-item>div:first-child span{margin-top:.35rem;color:#8e7d74;font-size:.68rem}.saved-item-actions{display:flex;align-items:center;gap:.8rem}.text-danger{color:#a44f44;font-size:.72rem}.limits-section{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:3rem;padding:110px 0 120px}.limits-copy{max-width:41rem;color:var(--muted);font-size:.78rem;line-height:1.9}.limits-copy p{margin:0}.limits-copy p+p{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.site-footer{display:flex;justify-content:space-between;gap:1rem;min-height:88px;padding:1.5rem 0;border-top:1px solid var(--line);color:#8c796e;font-size:.64rem;letter-spacing:.08em}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--coral-deep)}@media(max-width:980px){.site-header,main,.site-footer{width:min(100% - 36px,760px)}.hero{grid-template-columns:1fr;gap:3.5rem;min-height:0;padding:62px 0 92px}.hero-copy{max-width:42rem}.hero-visual{width:min(100%,650px);margin-left:auto}.workspace-grid{grid-template-columns:1fr}.mini-brief{min-height:390px}.mini-brief h3{margin-top:2.4rem}.compass-mini{margin-block:1.5rem}.result-layout{grid-template-columns:1fr}.diagram-panel{order:-1}.limits-section{grid-template-columns:1fr;gap:1.8rem}}@media(max-width:620px){.site-header,main,.site-footer{width:min(100% - 28px,500px)}.site-header{min-height:68px}.top-nav{gap:.7rem;font-size:.61rem}.wordmark{font-size:.78rem;letter-spacing:.04em}.wordmark-mark{width:27px;height:27px;border-radius:8px}.hero{gap:2.7rem;padding:48px 0 77px}h1{font-size:clamp(3rem,16vw,4.6rem)}h2{font-size:2.35rem}.hero-lede{font-size:.88rem;line-height:1.8}.hero-example{gap:.38rem .55rem;font-size:.68rem}.hero-example>span:not(.hero-example-label){padding-left:.55rem}.hero-visual:before{top:-11px;left:5%;width:89%;height:calc(100% + 22px)}.hero-stamp{top:-12px;right:0;width:68px;height:68px}.hero-stamp span{font-size:.42rem}.hero-stamp strong{font-size:1.15rem}.hero-caption{right:.3rem;bottom:-2.85rem;font-size:.63rem}.method-strip{grid-template-columns:1fr;margin-bottom:82px}.method-strip>div{min-height:56px;padding:1rem}.workspace{padding-bottom:84px}.section-heading{margin-bottom:1.8rem}.section-heading>p:last-child{font-size:.77rem}.form-grid{grid-template-columns:1fr;gap:1rem}.field-wide{grid-column:auto}.input-panel{padding:1.2rem}.form-actions .button{width:100%}.mini-brief{min-height:340px;padding:1.25rem;box-shadow:8px 8px #eac3af}.mini-brief h3{margin-top:2rem;font-size:1.85rem}.compass-mini{width:126px;height:126px;margin:1.2rem auto}.compass-mini i{top:24px;left:61px;height:51px}.results-section{margin-inline:calc(50% - 50vw);padding:63px 14px 72px}.result-header{display:block;margin-bottom:1.4rem}.result-header h2{font-size:2.25rem}.result-actions{margin-top:1.25rem}.result-actions .button{flex:1}.metric-card{min-height:135px;padding:1rem .85rem}.metric-label{margin-bottom:.8rem;font-size:.62rem}.metric-card strong{font-size:1.85rem}.metric-condition strong{font-size:.96rem;line-height:1.25}.metric-unit{font-size:.61rem}.diagram-panel{padding:.65rem .4rem .7rem}.diagram-heading{padding-inline:.4rem;font-size:.56rem}.diagram-legend{font-size:.57rem}.comparison-section{padding:83px 0 78px}.split-heading{display:block}.split-heading>p{margin-top:.8rem;font-size:.74rem}.comparison-table{min-width:560px}.comparison-table th,.comparison-table td{padding:.75rem .65rem}.scroll-hint{display:block}.saved-section{margin-inline:calc(50% - 50vw);padding:60px 14px}.saved-heading{align-items:start}.saved-heading h2{font-size:2.25rem}.saved-heading p{font-size:.72rem}.saved-item{align-items:start;flex-direction:column;gap:.8rem;padding:.95rem .8rem}.saved-item-actions{width:100%}.saved-item-actions .button{flex:1}.limits-section{gap:1rem;padding:78px 0 90px}.limits-copy{font-size:.74rem}.site-footer{align-items:start;flex-direction:column;min-height:120px;font-size:.59rem}}@media(max-width:360px){.site-header,main,.site-footer{width:calc(100% - 20px)}.top-nav{gap:.45rem;font-size:.55rem}.wordmark{gap:.4rem;font-size:.7rem}.hero{padding-top:39px}.hero-stamp{right:6px}h1{font-size:2.85rem}.hero-example{display:grid;grid-template-columns:auto 1fr;align-items:start}.hero-example>span:not(.hero-example-label){border-left:0;padding-left:0}.hero-actions .button-primary{width:100%}.results-section{padding-inline:10px}.result-actions .button{padding-inline:.55rem;font-size:.71rem}.metric-card strong{font-size:1.55rem}.metric-condition strong{font-size:.8rem}.diagram-heading{font-size:.5rem}.saved-heading{gap:.35rem}.saved-count{font-size:.58rem}}@media print{:root{background:#fff}body:before,.site-header,.hero,.method-strip,.mini-brief,.form-actions,.privacy-note,.result-actions,.comparison-section,.saved-section,.limits-section,.site-footer{display:none!important}.workspace{display:none!important}.results-section{margin:0;padding:0;background:#fff}.results-section:before{display:none}.result-header,.result-layout,.result-note{max-width:none}.result-layout{grid-template-columns:1fr 1fr}.diagram-panel{order:0;border:1px solid #ddd}.metric-card{border:1px solid #ddd}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}