@charset "UTF-8";
:root{--paper:#fbf7eb;--ink:#2d4132;--muted:#7e8874;--line:#d7d9c7;--forest:#304a36;--serif:"Noto Serif KR","Nanum Myeongjo","Batang","AppleMyungjo",Georgia,serif;--sans:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;--scene-text:#2e4332;--scene-muted:#5c6e59;--scene-field:#fcf9efed;--scene-line:#80917a;--scene-button:#304b34;--scene-button-text:#fffaf0;--scene-tint:transparent}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;word-break:keep-all}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b89b60;outline-offset:5px}button svg,a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}svg{display:block}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:9px;left:9px;transform:translateY(-200%);background:var(--forest);color:white;padding:10px 15px;z-index:100}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 23px;min-height:54px;border-radius:11px;line-height:1.4;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--scene-button);color:var(--scene-button-text);box-shadow:0 3px 20px #182e1211}.button-primary:hover{box-shadow:0 6px 25px #182e121e}.button-forest{background:var(--forest);color:#fff8e9}.button-forest:hover{background:#445d3d}.button-outline{border:1px solid #b9c2a8;background:transparent;color:var(--ink)}.button-small{min-height:42px;font-size:12px;padding:11px 16px}.full-width{width:100%}.text-button{font-size:11px;padding:7px 0;border-bottom:1px solid #a8b496;line-height:1.4}.text-button:hover{color:#997e49}.icon-button{display:flex;align-items:center;justify-content:center;padding:9px;min-width:42px;min-height:42px;border-radius:50%}.icon-button:hover{background:#62725117}.eyebrow{font-size:11px;letter-spacing:.06em;color:#829174}.page{position:relative;z-index:1}.brand{font-family:var(--serif);font-size:24px;letter-spacing:.08em;font-weight:600;line-height:1.2;white-space:nowrap}
body[data-phase="night"]{--scene-text:#fcf5e6;--scene-muted:#e0e7e4;--scene-field:#142a44ed;--scene-line:#8fa1b5;--scene-button:#fcf5e7;--scene-button-text:#122747;--scene-tint:#142c49}
.scene{position:absolute;inset:0 0 auto;height:max(100svh,740px);overflow:hidden;z-index:0;pointer-events:none;background:#f0ecdf}.landscape{position:absolute;inset:0;background-image:url('/assets/autumn.webp');background-size:cover;background-position:center;transition:opacity .4s,filter .5s}.scene-shade{position:absolute;inset:0;transition:background .5s;background:linear-gradient(180deg,#fcf8ee1c 0,#fcf8ee0a 55%,transparent 100%)}.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 24%,#fff9ea66 0,#fff9ea19 52%,transparent 77%);transition:background .5s}.stars{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 17% 13%,#fff9d9 0 1px,transparent 2px),radial-gradient(circle at 38% 6%,#fff9d9 0 1px,transparent 2px),radial-gradient(circle at 57% 17%,#fff9d9 0 1px,transparent 2px),radial-gradient(circle at 75% 9%,#fff9d9 0 1px,transparent 2px),radial-gradient(circle at 88% 24%,#fff9d9 0 1px,transparent 2px),radial-gradient(circle at 68% 39%,#fff9d9 0 .6px,transparent 1.6px);transition:opacity .5s}.celestial-body{position:absolute;right:16%;top:23%;width:63px;height:63px;background:radial-gradient(circle at 35% 30%,#fffce8,#fff6c9);border-radius:50%;opacity:.8;box-shadow:0 0 25px #fff5c342;transition:background .4s,box-shadow .4s,opacity .4s}.cloud-layer{position:absolute;inset:0;background:linear-gradient(180deg,#aab4ad55,#ced4c729 50%,#62706812);opacity:0;transition:opacity .5s}.rain-layer{position:absolute;inset:0;background-image:repeating-linear-gradient(105deg,transparent 0 58px,#c2d4e52d 59px,#c2d4e52d 60px,transparent 61px 120px);opacity:0;transition:opacity .5s}.scene[data-weather="cloudy"] .cloud-layer{opacity:1}.scene[data-weather="rain"] .cloud-layer{opacity:1;background:linear-gradient(180deg,#55687565,#72868a35)}.scene[data-weather="rain"] .rain-layer{opacity:.7}.scene[data-weather="cloudy"] .celestial-body,.scene[data-weather="rain"] .celestial-body{opacity:.35}.scene[data-phase="night"]{background:#0c2543}.scene[data-phase="night"] .landscape{filter:saturate(.6) brightness(.7)}.scene[data-phase="night"] .scene-shade{background:linear-gradient(180deg,#082347eb 0,#102b4bd6 37%,#092347a6 65%,#0b204960 100%)}.scene[data-phase="night"] .scene-vignette{background:radial-gradient(ellipse at 54% 26%,#08244770,transparent 70%)}.scene[data-phase="night"] .stars{opacity:.82}.scene[data-phase="night"] .celestial-body{top:18%;background:radial-gradient(circle at 28% 28%,#fffbe9,#e9e2c9 60%,#d5d5ca);box-shadow:0 0 22px #e6e6ce4d}.scene[data-phase="night"] .celestial-body:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 25%,#bac1b13d 0 8%,transparent 10%),radial-gradient(circle at 60% 55%,#bac1b144 0 12%,transparent 16%),radial-gradient(circle at 26% 68%,#bac1b133 0 6%,transparent 9%)}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--scene-text)}.header-inner{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:12px}.desktop-nav a,.desktop-nav button{padding:7px 0}.desktop-nav a:hover,.desktop-nav button:hover{opacity:.7}.note-count{margin-left:3px;font-size:9px;opacity:.65}.menu-toggle{display:none}.mobile-menu{position:absolute;right:23px;top:70px;min-width:215px;padding:13px 20px;border:1px solid #e4e7d7;background:#fcf8edf7;border-radius:10px;box-shadow:0 13px 40px #19302424;color:var(--ink);display:grid;gap:4px}.mobile-menu>a,.mobile-menu>button{font-size:12px;text-align:left;padding:10px 0}.home-page{min-height:max(100svh,740px);padding:167px 40px 110px;color:var(--scene-text);display:flex;flex-direction:column;align-items:center}.home-copy{width:min(655px,100%);margin:0 auto;position:relative}.landscape-label{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--scene-muted)}.home-copy h1{font-family:var(--serif);font-size:clamp(35px,3.3vw,50px);line-height:1.6;letter-spacing:-.015em;font-weight:500;margin:28px 0 16px}.home-description{font-family:var(--serif);font-size:17px;line-height:1.85;color:var(--scene-text);opacity:.9}.home-copy>.button{margin-top:27px;min-width:258px}.home-links{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;margin-top:23px;color:var(--scene-muted)}.home-links a{text-decoration:underline;text-underline-offset:5px}.preview-caption{font-size:10px;color:var(--scene-muted);margin-top:17px;max-width:420px;line-height:1.8}.home-bottom{position:absolute;left:48px;right:48px;bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--scene-text);text-shadow:0 1px 5px #1d372444}.scene-preview-button{font-size:11px;display:flex;align-items:center;gap:13px;background:#fdf9ecdb;color:#36482f;padding:7px 12px;border:1px solid #d9dfcb;border-radius:20px;text-shadow:none}.scene-preview-button>span{font-size:14px}
body[data-view="birth"] .scene{position:fixed;height:100svh}body[data-view="birth"] .scene-vignette{background:radial-gradient(ellipse at 50% 37%,#fff9ead1 0,#fff9ea90 45%,#fff9ea22 78%)}body[data-view="birth"][data-phase="night"] .scene-vignette{background:radial-gradient(ellipse at 50% 40%,#0b2549dd,#0b25497a 52%,transparent 90%)}.birth-page{min-height:100svh;padding:102px 30px 100px;color:var(--scene-text)}.birth-wrapper{max-width:510px;margin:auto}.back-link{font-size:11px;display:inline-block;margin:0 0 20px;color:var(--scene-muted)}.birth-page .eyebrow{color:var(--scene-muted);font-size:11px}.birth-page h1{font-family:var(--serif);font-size:37px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin-top:10px}.birth-description{font-family:var(--serif);font-size:14px;line-height:1.8;margin-top:12px}.form-preview-notice{margin:20px 0 25px;display:flex;align-items:flex-start;gap:12px;padding:11px 13px;background:var(--scene-field);border:1px solid #8398763b;border-radius:7px;font-size:10px;color:var(--scene-muted);line-height:1.8}.form-preview-notice>span{white-space:nowrap;padding-top:1px;font-weight:600}.form-preview-notice>p{flex:1}.field-block{padding:0;border:0;margin:0 0 22px;min-width:0}.field-block legend,.field-label{font-family:var(--serif);font-size:14px;font-weight:600;line-height:1.6;display:block;margin-bottom:10px}.field-block legend{padding:0}.select-row{display:grid;gap:9px}.date-row{grid-template-columns:1.15fr 1fr 1fr}.time-row{grid-template-columns:1fr 1fr}.select-row>label{min-width:0}select,input[type="text"],.search-field input{height:48px;width:100%;padding:10px 14px;border:1px solid var(--scene-line);border-radius:8px;background:var(--scene-field);color:var(--scene-text);font-size:13px;line-height:1.4;min-width:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9'%3E%3Cpath d='m2 2 5.5 5L13 2' fill='none' stroke='%237c8e76' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}select option{background:var(--paper);color:var(--ink)}select:disabled{opacity:.42;cursor:not-allowed}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--scene-line);border-radius:8px;overflow:hidden;background:var(--scene-field);margin-top:9px}.segmented-control label{position:relative;text-align:center;cursor:pointer}.segmented-control input{position:absolute;opacity:0;width:1px;height:1px}.segmented-control span{display:block;min-height:40px;padding:9px 10px;color:var(--scene-muted);font-size:12px;line-height:1.6}.segmented-control input:checked+span{background:var(--scene-button);color:var(--scene-button-text);border-radius:6px}.segmented-control input:focus-visible+span{box-shadow:inset 0 0 0 3px #b9a271}.lunar-options{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:13px;margin-top:13px;font-size:12px}.checkbox-label{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:11px;color:var(--scene-muted)}.checkbox-label input{appearance:none;width:21px;height:21px;border:1px solid var(--scene-line);border-radius:5px;background:var(--scene-field);position:relative;flex-shrink:0;margin:0;cursor:pointer}.checkbox-label input:checked{background:var(--scene-button);border-color:var(--scene-button)}.checkbox-label input:checked:after{content:"";position:absolute;left:5px;top:4px;width:9px;height:6px;border-left:1.7px solid var(--scene-button-text);border-bottom:1.7px solid var(--scene-button-text);transform:rotate(-45deg)}.field-helper{font-size:10px;line-height:1.75;color:var(--scene-muted);margin-top:7px}.field-optional{font-family:var(--sans);font-size:9px;font-weight:400;margin-left:7px;opacity:.75}.search-field{position:relative}.search-field svg{position:absolute;left:13px;top:14px;width:20px;height:20px;fill:none;stroke:var(--scene-text);stroke-width:1.3}.search-field input{padding-left:42px;font-family:var(--sans);outline-offset:4px}.search-field input::placeholder{color:var(--scene-muted);opacity:.8}.form-secondary{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:10px;color:var(--scene-muted)}.form-secondary .text-button{border-color:var(--scene-line);font-size:10px}.privacy-note{font-size:9px;line-height:1.85;text-align:center;color:var(--scene-muted);margin-top:17px}.form-error{font-size:11px;color:#934829;background:#fff1d9;border:1px solid #e7ccab;padding:12px;border-radius:6px;margin:0 0 15px}.invalid-field{outline:2px solid #b8774a!important;outline-offset:2px}
body[data-view="reading"] .site-header{position:fixed;transition:background .2s,color .2s}body[data-view="reading"].header-on-paper .site-header{background:#fbf7ebf5;color:var(--ink);border-bottom:1px solid #e1e3d7;backdrop-filter:blur(8px)}body[data-view="reading"] .scene{height:520px}.reading-hero{min-height:515px;padding:138px 30px 94px;color:var(--scene-text);position:relative}.reading-hero-inner{max-width:730px;margin:auto}.example-label{font-size:10px;display:inline-block;padding:4px 11px;border:1px solid currentColor;border-radius:20px;margin-bottom:17px;opacity:.8}.reading-hero .landscape-label{font-size:11px}.reading-hero h1{font-family:var(--serif);font-weight:500;line-height:1.55;font-size:40px;letter-spacing:-.02em;margin-top:22px;white-space:pre-line;max-width:660px}.reading-hero-description{font-family:var(--serif);font-size:14px;line-height:1.9;margin-top:15px;opacity:.92;white-space:pre-line}.reading-paper{background:var(--paper);position:relative;z-index:2;border-radius:30% 0 0 0 / 28px 0 0 0;margin-top:-23px;padding:38px 30px 52px;box-shadow:0 -9px 26px #fcf9ee0f}.reading-article{max-width:730px;margin:auto}.reading-disclosure{border-left:2px solid #bbbc9e;padding:1px 0 1px 14px;font-size:11px;color:#657453;line-height:1.85}.reading-disclosure>span{font-weight:600;display:block;font-size:10px;margin-bottom:3px}.reading-toolbar{margin:23px 0 0;padding:13px 0;border-top:1px solid #e2e5d7;border-bottom:1px solid #e2e5d7;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#657453;font-size:10px}.reading-toolbar>div{display:flex;gap:17px}.icon-text-button{display:flex;align-items:center;gap:5px;padding:5px 0;font-size:10px;color:#5d744d;white-space:nowrap}.icon-text-button svg{width:14px;height:14px}.report-section{padding-top:42px}.report-section .section-number{font-size:9px;letter-spacing:.12em;color:#a5af94;display:block;margin-bottom:7px}.report-section h2{font-family:var(--serif);font-weight:600;font-size:26px;letter-spacing:-.015em;line-height:1.7}.report-section h2:after{content:"";display:block;width:25px;height:1px;background:#aab196;margin:13px 0 22px}.report-section p{font-family:var(--serif);font-size:16px;line-height:2.05;letter-spacing:-.01em;color:#445440;overflow-wrap:anywhere}.report-section p+p{margin-top:24px}.report-section p strong{font-weight:600;color:#354a31}.reading-end{margin-top:53px;padding-top:35px;border-top:1px solid #dce1d0;text-align:center}.reading-end>p{font-family:var(--serif);font-size:21px;line-height:1.7;margin-bottom:23px}.reading-end>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reading-end .button{font-size:12px;min-height:48px}.reading-footnote{font-size:10px;color:#73815f;line-height:1.85;margin-top:28px;text-align:center}.site-footer{position:relative;z-index:3;background:#f1f0e5;padding:30px 40px 22px;border-top:1px solid #e3e6d6;color:#667557}.site-footer>div{max-width:1120px;margin:auto;display:flex;align-items:center;gap:25px}.site-footer .brand{font-size:21px;color:var(--ink)}.site-footer>div>p{font-size:11px;color:#8b967c}.site-footer>div>a:last-child{margin-left:auto;font-size:10px}.footer-caption{font-size:9px;color:#abb397;max-width:1120px;margin:16px auto 0}

dialog{border:1px solid #dfe4d1;border-radius:12px;width:min(530px,calc(100% - 32px));max-height:88svh;overflow:auto;padding:27px;background:var(--paper);color:var(--ink);box-shadow:0 22px 100px #122f2a3d}dialog::backdrop{background:#17303c91;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:6px}.dialog-heading h2{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.6}.dialog-description{font-size:11px;line-height:1.9;color:#637650;margin:15px 0 20px}dialog select{background-color:#fffaf0;color:var(--ink);border-color:#b5c2a7;font-size:12px}dialog .field-label{font-family:var(--sans);font-size:11px;margin:17px 0 7px}#scene-form .button{margin-top:23px;font-size:12px}#reset-scene{margin-top:18px;display:block;font-size:10px;color:#8b997b}.record-item{padding:18px 0;border-top:1px solid #dfe6d1}.record-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#9aa88b}.record-top button{font-size:9px;color:#a4ae96;padding:4px}.record-item h3{font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.7;margin-top:9px}.record-item p{font-size:10px;color:#94a084;margin-top:5px}.record-item>.text-button{margin-top:9px;color:#708a5f;font-size:10px}.empty-records{padding:20px 0;color:#8f9c7f;font-size:12px;line-height:1.9}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,10px);background:#304a36;color:#fff8e8;padding:12px 19px;border-radius:7px;font-size:11px;line-height:1.6;max-width:calc(100% - 32px);min-width:220px;text-align:center;box-shadow:0 5px 25px #26362322;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:100}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.noscript-message{position:fixed;z-index:100;bottom:20px;left:20px;right:20px;padding:15px;background:#fff6d5;color:#5c643b;border:1px solid #dcd6b3;border-radius:8px;font-size:12px}.noscript-message a{text-decoration:underline}
.guide-body{background:var(--paper);color:var(--ink)}.guide-body .site-header{position:relative;color:var(--ink);border-bottom:1px solid #e1e5d4}.guide-intro{max-width:850px;padding:48px 32px 36px;margin:auto}.guide-intro .eyebrow{font-size:10px;margin-bottom:13px}.guide-intro h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.55;letter-spacing:-.02em}.guide-intro>p{font-size:13px;line-height:1.9;color:#637650;margin-top:17px}.guide-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-links .button{font-size:11px;min-height:45px;padding:12px 17px}.guide-overview{padding:21px 23px;border:1px solid #dee5ce;background:#f1f2e7;border-radius:8px;margin-top:26px}.guide-overview h2{font-size:15px;font-weight:600;margin-bottom:11px}.guide-overview ol{padding-left:20px;margin:0;font-size:12px;line-height:1.9;color:#7a8c68}.guide-overview li+li{margin-top:5px}.design-article{max-width:850px;margin:auto;padding:0 32px 65px}.design-article h1{display:none}.design-article h2{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.6;margin:45px 0 21px;letter-spacing:-.01em;padding-top:26px;border-top:1px solid #dfe5d1}.design-article h3{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.7;margin:28px 0 15px}.design-article p{font-size:14px;line-height:1.95;color:#6b7c5b;margin:13px 0}.design-article ul,.design-article ol{padding-left:22px;font-size:13px;color:#637650;line-height:1.95;margin:15px 0}.design-article li+li{margin-top:8px}.design-article strong{font-weight:600;color:#425635}.design-article a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;color:#627d4a}.design-table-wrap{max-width:100%;overflow-x:auto;margin:21px 0;border:1px solid #dee5cf;border-radius:5px}.design-article table{width:100%;border-collapse:collapse;min-width:460px;font-size:12px;line-height:1.8}.design-article th{font-weight:600;text-align:left;padding:13px;background:#edf0e3;color:#50663f}.design-article td{padding:13px;border-top:1px solid #e0e6d3;color:#637650;vertical-align:top}.technical-example{margin:22px 0;border:1px solid #dfe6d1;border-radius:8px;padding:13px 16px;background:#f5f4e9}.technical-example summary{font-size:11px;color:#7c8f68;cursor:pointer}.technical-example pre{font-size:10px;line-height:1.9;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#637650;word-break:normal}.design-article .flow-description{background:#edf0e3;padding:17px 19px;border-radius:6px;font-size:12px}
@media(min-width:1450px){.home-page{padding-top:190px}.home-copy{width:725px}.home-copy h1{font-size:49px}.reading-hero{padding-top:145px}}
@media(max-width:900px){.header-inner{padding:25px 32px}.desktop-nav{gap:24px;font-size:11px}.home-page{padding-top:145px}.home-copy{width:570px}.home-copy h1{font-size:40px}.celestial-body{right:12%;width:52px;height:52px;top:21%}.reading-hero-inner,.reading-article{max-width:680px}.guide-intro,.design-article{max-width:750px}}
@media(max-width:600px){html{scroll-padding-top:82px}.header-inner{padding:20px 25px;gap:20px}.brand{font-size:21px;letter-spacing:.07em}.desktop-nav{display:none}.menu-toggle{display:flex;color:var(--scene-text);margin-right:-7px}.guide-body .menu-toggle{color:var(--ink)}.scene{height:max(100svh,730px)}.landscape{background-position:10% center}.scene-vignette{background:linear-gradient(180deg,#fcf8ee66 0,#fcf8ee88 27%,#fcf8ee50 46%,transparent 73%)}.scene[data-phase="night"] .scene-vignette{background:linear-gradient(180deg,#0b294a44,#0b294a77 36%,transparent 70%)}.celestial-body{right:12%;top:17%;width:49px;height:49px}.scene[data-phase="night"] .celestial-body{top:16%}.home-page{padding:146px 28px 115px;min-height:max(100svh,730px);align-items:stretch}.home-copy{width:100%;max-width:385px;margin:0 auto}.landscape-label{font-size:10px;letter-spacing:.07em}.home-copy h1{font-size:29px;line-height:1.65;margin:27px 0 16px;letter-spacing:-.02em}.home-description{font-size:14px;line-height:1.9}.home-copy>.button{width:100%;min-height:54px;font-size:13px;margin-top:28px;gap:25px;max-width:355px}.home-links{font-size:10px;gap:19px;margin-top:22px}.preview-caption{font-size:9px;max-width:330px;line-height:1.85;margin-top:16px}.home-bottom{left:26px;right:26px;bottom:23px;align-items:flex-start;gap:12px;flex-direction:column;font-size:9px}.scene-preview-button{font-size:9px;padding:6px 10px;gap:10px}.scene-preview-button>span{font-size:12px}.birth-page{padding:89px 28px 66px}.birth-wrapper{max-width:405px}.back-link{margin-bottom:18px;font-size:10px}.birth-page .eyebrow{font-size:10px}.birth-page h1{font-size:30px;line-height:1.55;margin-top:9px}.birth-description{font-size:12px;line-height:1.9;margin-top:10px}.form-preview-notice{font-size:9px;margin:17px 0 23px;padding:10px 11px;gap:9px}.field-block{margin-bottom:21px}.field-block legend,.field-label{font-size:13px;margin-bottom:9px}select,.search-field input{height:47px;font-size:12px;padding-left:12px}.search-field input{padding-left:39px}.search-field svg{width:18px;height:18px;left:12px;top:14px}.select-row{gap:8px}.segmented-control span{font-size:11px;min-height:39px;padding:9px}.lunar-options{font-size:11px;gap:10px}.checkbox-label{font-size:11px;gap:9px}.checkbox-label input{height:21px;width:21px}.field-helper{font-size:9px;line-height:1.85}.field-optional{font-size:8px}.form-secondary .text-button{font-size:9px}.privacy-note{font-size:9px}.birth-page .button{font-size:12px;min-height:53px}.form-error{font-size:10px;padding:11px}.reading-hero{min-height:382px;padding:103px 29px 62px}.reading-hero-inner{max-width:440px}.reading-hero h1{font-size:30px;line-height:1.6;letter-spacing:-.02em;margin-top:19px}.reading-hero .landscape-label{font-size:9px}.reading-hero-description{font-size:12px;line-height:1.9;margin-top:13px}.example-label{font-size:9px;padding:3px 10px;margin-bottom:15px}body[data-view="reading"] .scene{height:395px;min-height:0}body[data-view="reading"] .scene .landscape{background-position:14% 48%}body[data-view="reading"] .scene .celestial-body{width:44px;height:44px;right:11%;top:28%}body[data-view="reading"] .scene .scene-vignette{background:linear-gradient(180deg,#fcf8ee4d 0,#fcf8ee66 42%,transparent 100%)}body[data-view="reading"][data-phase="night"] .scene .scene-vignette{background:linear-gradient(180deg,#0b294a2b,#0b294a55 52%,transparent 100%)}.reading-paper{padding:29px 27px 38px;margin-top:-15px;border-radius:25% 0 0 0 / 20px 0 0 0}.reading-disclosure{font-size:9px;line-height:1.9;padding-left:11px}.reading-disclosure>span{font-size:9px}.reading-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap;font-size:9px;margin-top:21px;padding:12px 0}.reading-toolbar>div{gap:19px}.icon-text-button{font-size:9px}.report-section{padding-top:32px}.report-section h2{font-size:23px;line-height:1.75}.report-section .section-number{font-size:8px;margin-bottom:6px}.report-section h2:after{margin:12px 0 20px;width:23px}.report-section p{font-size:15px;line-height:2.05;letter-spacing:-.012em}.report-section p+p{margin-top:23px}.reading-end{margin-top:39px;padding-top:29px}.reading-end>p{font-size:18px;margin-bottom:21px}.reading-end>div{flex-direction:column;gap:10px}.reading-end .button{font-size:11px;min-height:48px;width:100%}.reading-footnote{font-size:9px;margin-top:24px}.site-footer{padding:26px 27px 22px}.site-footer>div{flex-wrap:wrap;gap:15px}.site-footer .brand{font-size:20px}.site-footer>div>p{font-size:9px}.site-footer>div>a:last-child{font-size:9px}.footer-caption{font-size:8px;margin-top:15px}dialog{padding:23px;max-height:88svh}.dialog-heading h2{font-size:22px;line-height:1.7}.dialog-heading .eyebrow{font-size:8px}.dialog-description{font-size:10px}.dialog-heading .icon-button{margin-top:-5px;margin-right:-6px}.toast{font-size:10px;padding:12px 17px}.guide-body .header-inner{padding:22px 27px}.guide-intro{padding:32px 27px 27px}.guide-intro h1{font-size:29px;line-height:1.6}.guide-intro>p{font-size:12px}.guide-links{gap:8px}.guide-links .button{font-size:10px;min-height:43px;padding:11px 13px;gap:12px}.guide-overview{padding:18px 17px;margin-top:23px}.guide-overview h2{font-size:13px}.guide-overview ol{font-size:11px;line-height:1.95}.design-article{padding:0 27px 43px}.design-article h2{font-size:22px;line-height:1.7;margin-top:34px;padding-top:24px;margin-bottom:19px}.design-article h3{font-size:17px;line-height:1.7;margin-top:25px}.design-article p{font-size:13px;line-height:1.95}.design-article ul,.design-article ol{font-size:12px;line-height:1.95;padding-left:20px}.design-article table{font-size:11px;min-width:430px}.design-article th,.design-article td{padding:11px}.design-table-wrap{margin:18px 0}.design-article .flow-description{font-size:11px;padding:15px}.technical-example{padding:13px}.technical-example summary{font-size:10px}.technical-example pre{font-size:9px}}
@media(max-width:360px){.home-page{padding-left:24px;padding-right:24px}.home-copy h1{font-size:27px}.home-links{font-size:9px;gap:14px}.birth-page{padding-left:24px;padding-right:24px}.reading-paper{padding-left:23px;padding-right:23px}.report-section p{font-size:14px}.reading-hero{padding-left:25px;padding-right:25px}.reading-hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.scene,.reading-hero,.reading-toolbar,.reading-end,.site-footer,.toast,dialog{display:none!important}.reading-paper{padding:0;margin:0}.reading-disclosure{border:0}.report-section p{font-size:11pt;color:black;line-height:1.8}.report-section{break-inside:avoid}.report-section h2{font-size:16pt}.reading-article{max-width:none}.guide-body .guide-links{display:none}.guide-intro,.design-article{max-width:none;padding:0}.design-article h2{break-after:avoid}.design-table-wrap{overflow:visible}}
