@charset "UTF-8";
:root{--bg:#f6f6f1;--paper:#fff;--ink:#263831;--muted:#81877f;--green:#264e3f;--green-deep:#203f34;--line:#e7e9e1;--soft:#edf2eb;--ochre:#ad8954;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a6bc90;outline-offset:4px}input:focus-visible{outline:none;border-color:#60816b;box-shadow:0 0 0 3px #e9efe6}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;padding:10px 16px;background:var(--green);color:white;border-radius:8px}.skip-link:focus{top:12px}
.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:var(--green-deep);color:#e9eee5;display:flex;flex-direction:column;padding:40px 24px 0;z-index:20}.brand{display:flex;align-items:center;gap:13px;margin:0 9px 55px}.brand-seal{font:31px/1 var(--serif);background:#e7e4cf;color:var(--green-deep);width:47px;height:49px;display:grid;place-content:center;border-radius:11px 11px 3px 11px;position:relative}.brand-seal:after{content:"";position:absolute;inset:5px;border:1px solid #244b3e30;border-radius:7px 7px 1px 7px}.brand b{display:block;font:600 26px/1.4 var(--serif);letter-spacing:5px}.brand small{color:#b1c1b3;font-size:10px;letter-spacing:3px}.nav-caption{font-size:10px;letter-spacing:2px;color:#9aafa0;margin:0 15px 15px}.navigation{display:flex;flex-direction:column;gap:9px}.nav-link{display:flex;align-items:center;gap:13px;height:48px;padding:0 15px;border-radius:9px;color:#bfcfc1;transition:background .2s,color .2s}.nav-link svg{width:18px;height:18px}.nav-link.active{background:#44614c;color:#fff}.nav-link:hover{background:#365641;color:white}.nav-dot{width:5px;height:5px;border-radius:50%;background:#d5dfc5;margin-left:auto}.nav-count{margin-left:auto;font-size:11px;font-weight:600;color:#becab8;background:#ffffff10;min-width:20px;text-align:center;border-radius:5px}.sidebar-note{margin-top:auto;padding:50px 13px 33px}.sidebar-note>svg{width:25px;height:25px;color:#b5c39c;margin-bottom:7px}.sidebar-note p{font:16px/1.9 var(--serif);color:#d7dfcd;margin:0 0 17px}.sidebar-note>span{color:#8fa592;font-size:10px;letter-spacing:1px}.sidebar-bottom{height:65px;border-top:1px solid #ffffff14;display:flex;align-items:center;gap:7px;font-size:10px;color:#a6bba9;white-space:nowrap}.sidebar-bottom small{font-size:8px;margin-left:auto;color:#8da090}.status-dot{width:6px;height:6px;background:#92a77b;border-radius:50%;flex-shrink:0;display:inline-block}.app-shell{margin-left:220px}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fbfbf7}.breadcrumb{display:flex;gap:15px;align-items:center;font-size:12px;color:#93978c}.breadcrumb b{font-weight:500;color:#424c42}.breadcrumb>span{color:#c7cbbf}.topbar-actions{display:flex;align-items:center;gap:21px;color:#7b8177;font-size:11px}.topbar-divider{width:1px;height:18px;background:var(--line)}.icon-button{width:32px;height:32px;border:0;background:transparent;display:grid;place-content:center;border-radius:7px;color:#828b7c}.icon-button:hover{background:var(--soft);color:var(--green)}.icon-button svg{width:18px;height:18px}main{max-width:1500px;margin:auto;padding:38px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:18px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;color:#829075;display:flex;align-items:center;gap:7px;margin-bottom:12px}.eyebrow>span{display:inline-block;width:5px;height:5px;background:#8b9d7d;transform:rotate(45deg)}h1{font:500 31px/1.5 var(--serif);letter-spacing:1px;margin:0 0 6px;color:#293d31}.page-heading p{color:#7b8276;font-size:12px;margin:0}.heading-stamp{border:1px solid #ac927453;outline:1px solid #ac927430;outline-offset:3px;color:#a78b63;padding:3px 5px;margin:2px 10px 0 0;font:12px/1.35 var(--serif);letter-spacing:2px;transform:rotate(4deg);flex-shrink:0}.workspace-grid{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:25px;align-items:start}.form-column,.results-column{min-width:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 6px #273d2c02}.input-card{padding:26px 24px}.card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:27px}.step-label{font-size:10px;font-weight:600;letter-spacing:.5px;width:29px;height:29px;background:#f2f4ec;border:1px solid #e7ebdf;border-radius:8px;display:grid;place-content:center;color:#6e8264;margin-top:1px}.card-title h2{font-size:15px;font-weight:600;margin:0 0 3px;letter-spacing:.5px}.card-title p{font-size:10px;color:#8c9284;margin:0}.name-input-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;font-weight:500}label>span:not(.segmented span){display:block;font-size:10px;font-weight:400;color:#959b8c;margin:3px 0 8px}input:not([type=radio]){display:block;width:100%;border:1px solid #dfe4d7;border-radius:8px;background:#fcfcfa;height:47px;padding:0 13px;color:#293d31;transition:box-shadow .15s,border-color .15s;min-width:0}input::placeholder{color:#a5aa9c;font-size:13px}.name-input-row input{font-size:19px;font-family:var(--serif);letter-spacing:2px}fieldset{border:0;min-width:0;padding:0;margin:0}.mode-field{margin-top:25px}legend{font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px;padding:0;margin-bottom:10px}.inline-info{display:inline-grid;place-content:center;padding:0;background:transparent;border:0;color:#a0a796;vertical-align:middle;margin-left:5px}.inline-info svg{width:13px;height:13px}.segmented{display:flex;background:#f2f3ed;border-radius:8px;padding:4px;gap:2px}.segmented label{flex:1;position:relative;display:block;text-align:center;font-size:11px;cursor:pointer}.segmented input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented span{display:block;border-radius:5px;padding:7px 2px;color:#8b9184;transition:background .15s}.segmented input:checked+span{background:#fff;box-shadow:0 1px 4px #26383110;color:var(--green);font-weight:600}.segmented input:focus-visible+span{outline:2px solid #809b70}.field-hint{font-size:10px;color:#919886;margin:10px 0 0;min-height:17px}.primary-button{border:1px solid var(--green);background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:8px;min-height:45px;padding:10px 18px;font-size:12px;font-weight:500;letter-spacing:.5px;transition:background .15s,transform .15s}.primary-button:hover{background:#345d48;transform:translateY(-1px)}.primary-button svg{width:16px;height:16px}.input-card .primary-button{width:100%;margin-top:24px}.form-error{border:1px solid #e7d5ca;background:#fcf4ef;color:#9c6043;font-size:11px;border-radius:7px;padding:10px 12px;margin:14px 0 0;overflow-wrap:anywhere}.examples{border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.examples>span{font-size:10px;color:#969b8f}.examples>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.examples button{display:flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid #e8ebe1;border-radius:5px;background:#fbfcf8;font-size:10px;color:#7a856d}.examples button:hover{background:#eff3e7;border-color:#c3ceb7}.examples svg{width:11px;height:11px}.quiet-card{display:flex;gap:12px;background:#eef1e7;border:1px solid #e5e9dc;padding:19px 19px;border-radius:11px;margin-top:17px}.quiet-icon{width:29px;height:29px;border-radius:8px;background:#e3e9d8;display:grid;place-content:center;flex-shrink:0;color:#72865f}.quiet-icon svg{width:16px;height:16px}.quiet-card h3{font-size:11px;font-weight:500;margin:0 0 5px;color:#647953}.quiet-card p{font-size:10px;line-height:1.9;margin:0;color:#939c85}.data-source{display:flex;align-items:center;justify-content:center;gap:6px;color:#a0a591;font-size:9px;margin-top:18px}.data-source .status-dot{width:4px;height:4px;background:#aab89a}.empty-result{min-height:548px;text-align:center;padding:23px 26px 31px;overflow:hidden}.empty-top{display:flex;align-items:center;justify-content:space-between;text-align:left}.section-kicker{color:#7b8770;font-size:10px;letter-spacing:1px}.subtle-badge{font-size:9px;padding:3px 8px;border-radius:4px;background:#f3f5ef;color:#969e89}.name-illustration{position:relative;width:264px;height:255px;margin:17px auto 0;display:grid;place-content:center}.orbit{position:absolute;border:1px solid #dce3d154;border-radius:50%;inset:23px}.orbit-two{inset:0;border-style:dashed;transform:rotate(25deg);opacity:.7}.illustration-paper{width:126px;height:150px;border-radius:7px;transform:rotate(-8deg);background:#eff2e6;border:1px solid #dce4ce;box-shadow:12px 14px 0 -2px #f5f6ef,13px 15px 0 -2px #e4e9da;position:relative;display:grid;place-content:center}.illustration-paper:before{content:"";position:absolute;inset:16px;background:linear-gradient(90deg,transparent calc(50% - .5px),#cfdbc1 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#cfdbc1 50%,transparent calc(50% + .5px));border:1px solid #cfdcc2}.illustration-paper>span{font:83px/1.2 var(--serif);color:#637d53;z-index:1;padding-bottom:7px}.illustration-paper>i{width:13px;height:13px;border-radius:2px;background:#ac745a;position:absolute;right:11px;bottom:11px;box-shadow:inset 0 0 0 3px #ead8c3;transform:rotate(3deg)}.floating-label{position:absolute;font-size:10px;padding:5px 11px;background:#fff;border:1px solid #e5e9dc;border-radius:6px;box-shadow:0 4px 12px #4c694509;color:#879373;z-index:2}.label-one{left:9px;top:58px;transform:rotate(-9deg)}.label-two{right:5px;bottom:53px;transform:rotate(9deg)}.illustration-spark{position:absolute;right:39px;top:34px;color:#b49d6c;font-size:31px}.empty-result h2,.calendar-empty h2{font:20px/1.5 var(--serif);letter-spacing:.5px;color:#4b6041;margin:11px 0 12px}.empty-result>p,.calendar-empty>p{font-size:11px;line-height:1.9;color:#9aa18e;margin:0}.empty-features{display:flex;justify-content:center;gap:29px;border-top:1px dashed #e6e9de;margin-top:30px;padding-top:22px;color:#929a84;font-size:10px}.empty-features>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.empty-features i{font-size:9px;color:#b4bda7;font-style:normal}.page-footer{border-top:1px solid var(--line);margin-top:40px;min-height:65px;display:flex;align-items:center;justify-content:space-between;color:#9da38f;font-size:9px;gap:12px}.footer-dot{margin:0 9px;color:#b9bfae}
.result-card{overflow:hidden}.result-hero{background:var(--green);color:#f0f2e7;padding:24px 27px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.result-hero:after{content:"";position:absolute;width:230px;height:230px;right:-60px;top:-90px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff02;pointer-events:none}.result-eyebrow{font-size:8px;letter-spacing:2px;color:#b4c9a7;margin-bottom:8px}.result-name{font:40px/1.4 var(--serif);letter-spacing:7px;margin:0}.result-meta{display:flex;gap:9px;align-items:center;color:#c1d0b8;font-size:9px;margin-top:8px}.hero-tag{border:1px solid #ffffff25;border-radius:4px;padding:2px 6px;font-size:9px}.hero-strokes{text-align:right;white-space:nowrap;z-index:1;padding-right:5px;color:#becfb5;font-size:9px}.hero-strokes strong{display:block;font:43px/1.2 Georgia,serif;color:#e9eedb;margin:6px 0}.result-body{padding:23px 25px 24px}.result-section-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.result-section-heading h3{font-size:12px;font-weight:600;margin:0;letter-spacing:.5px}.result-section-heading>span{font-size:9px;color:#9aa18e}.character-row{display:flex;gap:11px}.character-tile{flex:1;max-width:145px;min-width:0;text-align:center;background:#fafbf7;border:1px solid #e8ecdf;border-radius:9px;padding:9px 5px 10px}.character-role{color:#a7af99;font-size:8px;letter-spacing:2px;display:block;margin-bottom:5px}.character-glyph{font:36px/1.6 var(--serif);display:inline-grid;place-content:center;min-width:55px;height:57px;background:linear-gradient(90deg,transparent calc(50% - .5px),#e7ebdf 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#e7ebdf 50%,transparent calc(50% + .5px));color:#48623c}.character-strokes{font-size:10px;color:#7b896a;margin-top:5px}.character-original{font-size:8px;color:#a0aa91;margin-top:3px;min-height:14px}.grids-section{margin-top:24px}.five-grids{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.grid-cell{border:1px solid var(--line);border-radius:8px;padding:11px 5px 9px;text-align:center}.grid-cell:last-child{background:#f1f4e9;border-color:#e1e7d5}.grid-cell>span{color:#89947c;font-size:9px}.grid-cell strong{display:block;font:29px/1.4 Georgia,serif;color:#385231;margin:3px 0}.grid-cell small{font-size:8px;color:#a4ad97}.element-chip{display:inline-block;border-radius:4px;font-size:9px;line-height:1.6;padding:2px 7px;border:1px solid transparent}.element-木{background:#eaf1e2;color:#64834a;border-color:#deead4}.element-火{background:#f7eae4;color:#b7795c;border-color:#f0ddd2}.element-土{background:#f4efdf;color:#a28a4f;border-color:#eae2c8}.element-金{background:#f1efe4;color:#9e915b;border-color:#e8e3cf}.element-水{background:#e9f0f1;color:#6b8a91;border-color:#dbe8ea}.sancai-panel{margin-top:23px;padding:17px 18px;background:#f6f8f1;border:1px solid #e9eedf;border-radius:9px}.sancai-heading{display:flex;align-items:center;justify-content:space-between}.sancai-heading h3{font-size:12px;margin:0;font-weight:600}.judgement{font-size:9px;border-radius:4px;padding:2px 7px;color:#7c8b6c;background:#e8eddf}.judgement.challenging{color:#ac7a61;background:#f2e8e1}.judgement.mixed{color:#a08a59;background:#f1ecd9}.sancai-elements{display:flex;align-items:center;gap:10px;margin:15px 0}.sancai-unit{display:flex;align-items:center;gap:7px}.sancai-unit>span{font-size:9px;color:#94a184}.sancai-unit .element-chip{font-size:12px;padding:2px 9px}.sancai-connector{color:#c6cfba;font-size:11px}.sancai-text{font-size:10px;line-height:1.9;color:#8b967d;margin:0}.source-note{font-size:8px;color:#a9b19d;margin:9px 0 0}.comparison{margin-top:22px}.comparison summary,.hour-details summary{font-size:10px;color:#7f8d71;cursor:pointer;user-select:none;list-style:none;display:flex;justify-content:space-between;padding:0 0 2px}.comparison summary:after,.hour-details summary:after{content:"＋";color:#a4ae97}.comparison[open] summary:after,.hour-details[open] summary:after{content:"－"}.comparison-scroll{overflow:auto}table{border-collapse:collapse;font-size:9px;width:100%;margin-top:12px;text-align:left}th,td{padding:10px 7px;border-bottom:1px solid var(--line);font-weight:400;white-space:nowrap}th{color:#929d86;background:#f6f8f1}td{color:#7c896d}tr.selected-row td{color:var(--green);font-weight:500;background:#fbfcf8}.formula-list{display:flex;flex-wrap:wrap;gap:9px 16px;padding-top:13px;color:#9ba48e;font-size:9px}.result-actions{display:flex;gap:9px;padding-top:19px;margin-top:21px;border-top:1px solid var(--line)}.secondary-button{border:1px solid #dce3d2;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;font-size:10px;background:white;color:#6b7c5a;padding:7px 12px;transition:background .15s;white-space:nowrap}.secondary-button:hover{background:#f2f6eb}.secondary-button svg{width:14px;height:14px}.secondary-button.saved{background:#eef3e5}.text-button{background:transparent;border:0;color:#929d85;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px}.text-button svg{width:13px;height:13px}.text-button:hover{color:var(--green)}
.full-label{display:block;font-size:12px}.full-label input{margin-top:12px;font-size:12px;height:48px;padding:0 10px}.today-button{margin-top:12px;width:100%}.calendar-empty{min-height:480px;text-align:center;padding:64px 23px}.calendar-art{color:#8c9b78;width:145px;border:1px solid #dde5d2;padding:23px 10px 17px;border-radius:7px;margin:0 auto 34px;box-shadow:7px 7px 0 #e9eedf;position:relative;background:#f6f8f0}.calendar-art:before,.calendar-art:after{content:"";width:6px;height:17px;background:#a3b58d;border-radius:3px;position:absolute;top:-9px;left:29px}.calendar-art:after{left:auto;right:29px}.calendar-art>span{font:69px/1.4 var(--serif)}.calendar-art>div{font-size:9px;border-top:1px dashed #d4dec8;padding-top:11px;letter-spacing:2px;margin-top:8px}.calendar-hero .result-name{font-size:23px;letter-spacing:1px}.lunar-line{font:17px/1.6 var(--serif);color:#d8e3c9;letter-spacing:2px;margin-top:6px}.zodiac-badge{border:1px solid #98b28450;width:61px;height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:9px;flex-shrink:0;color:#b0c498;font-size:8px;z-index:1}.zodiac-badge strong{font:32px/1.3 var(--serif);color:#e8eed8}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pillar{border:1px solid var(--line);border-radius:9px;overflow:hidden;text-align:center}.pillar-title{padding:6px;background:#f3f6ed;color:#97a288;font-size:9px}.pillar-glyph{font:31px/1.5 var(--serif);color:#4c663d;padding:12px 0 3px;letter-spacing:4px}.pillar-elements{display:flex;gap:3px;justify-content:center;margin:6px 0 12px}.pillar-elements .element-chip{font-size:8px;padding:1px 4px}.element-distribution{margin-top:24px}.distribution-bars{display:flex;flex-direction:column;gap:11px}.distribution-row{display:flex;gap:10px;align-items:center}.distribution-row>.element-chip{width:29px;text-align:center}.bar-track{height:7px;background:#f1f3ed;border-radius:10px;flex:1;overflow:hidden}.bar-track>span{height:100%;display:block;background:#97ac7c;border-radius:10px;transition:width .4s}.distribution-row[data-element=火] .bar-track>span{background:#c49b85}.distribution-row[data-element=土] .bar-track>span{background:#c7b179}.distribution-row[data-element=金] .bar-track>span{background:#b8b084}.distribution-row[data-element=水] .bar-track>span{background:#8ea9ae}.distribution-value{font-size:10px;color:#8a977b;width:22px;text-align:right}.polarity{display:flex;gap:16px;font-size:10px;color:#8a977b;margin-top:19px;padding-top:15px;border-top:1px dashed #e7ebdf}.calendar-term{font-size:11px;color:#8c987d;padding:13px 16px;background:#f4f6ed;border-radius:7px;margin-top:21px}.calendar-term b{font-weight:500;color:#60774e}.hour-details{margin-top:23px}.hours-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:15px}.hour-tile{font-size:8px;text-align:center;padding:7px 2px;background:#f8faf4;border:1px solid #e9edde;border-radius:5px;color:#9aa48d}.hour-tile b{display:block;font:14px/1.7 var(--serif);color:#7f906c}.hour-tile.selected{background:#e9efdf;border-color:#bdcfa8;color:#5f7949}.calendar-footnote{font-size:9px;line-height:1.8;color:#a2ab95;margin:16px 0 0}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.saved-card{padding:22px;transition:transform .2s,box-shadow .2s;min-width:0}.saved-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #29422d08}.saved-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9ea78e;font-size:9px}.saved-card .saved-name{font:27px/1.7 var(--serif);letter-spacing:4px;margin:14px 0 4px;color:#466039}.saved-mode{font-size:9px;color:#9aab88}.saved-stats{display:flex;gap:12px;color:#93a27f;font-size:10px;margin-top:19px;padding-top:13px;border-top:1px solid var(--line)}.saved-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.delete-button{color:#a6ad9a}.delete-button:hover{color:#b67658;background:#faf3ed}.saved-empty{text-align:center;min-height:400px;padding:68px 20px}.saved-empty>svg{width:37px;height:37px;color:#a0b18a}.saved-empty h2{font:22px/1.5 var(--serif);color:#63794f;margin:20px 0 10px}.saved-empty p{color:#9ca78c;font-size:11px;margin:0 0 24px}.saved-empty .primary-button{display:inline-flex}.saved-count-label{color:#919f81;font-size:10px;margin:0 0 17px}.saved-storage-note{color:#a4ac98;font-size:10px;margin:18px 0 0}
dialog{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);border:1px solid #e1e7d6;border-radius:16px;padding:25px 29px 29px;background:#fcfdf9;color:#647454;box-shadow:0 20px 80px #12281930;overflow:auto}dialog::backdrop{background:#182b2465;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog h2{font:25px/1.5 var(--serif);margin:10px 0 13px;color:#385331}dialog h3{font-size:12px;margin:23px 0 11px;color:#617b4c;font-weight:600}dialog p,dialog dd{font-size:11px;line-height:1.9;color:#8a967a;margin:0 0 13px}dialog dt{font-size:11px;font-weight:500;margin:0 0 3px}dialog dd{margin:0 0 11px}dialog dl{margin:0}.dialog-note{font-size:10px;padding:12px;border-radius:7px;background:#f0f3e8;color:#97a282;margin:20px 0}dialog .primary-button{width:100%}.toast{position:fixed;left:calc(50% + 110px);transform:translateX(-50%);bottom:28px;z-index:100;background:#284c3e;color:#eef3e4;box-shadow:0 7px 30px #213c3224;border:1px solid #62825a;border-radius:9px;padding:12px 19px;display:flex;gap:10px;align-items:center;font-size:12px;max-width:90vw;white-space:nowrap}.toast svg{width:16px;height:16px}.noscript{position:fixed;bottom:0;background:#f8efdc;color:#85682f;width:100%;margin:0;text-align:center;padding:10px}
@media(min-width:1500px){main{padding-top:48px}.workspace-grid{grid-template-columns:350px minmax(0,1fr);gap:30px}.input-card{padding:30px 28px}.empty-result{min-height:585px}.name-illustration{margin-top:33px}.empty-features{margin-top:39px}.card-title{margin-bottom:32px}.mode-field{margin-top:28px}.page-heading{margin-bottom:36px}}
@media(max-width:1180px){.sidebar{width:190px;padding:32px 18px 0}.brand{gap:10px;margin:0 6px 47px}.brand b{font-size:24px}.brand small{font-size:9px}.app-shell{margin-left:190px}main{padding:30px 27px 0}.topbar{padding:0 27px}.workspace-grid{grid-template-columns:285px minmax(0,1fr);gap:20px}.input-card{padding:23px 20px}.result-body{padding:20px}.result-hero{padding:22px}.empty-features{gap:16px}.sancai-elements{gap:7px}.sancai-unit{gap:5px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 95px)}}
@media(max-width:1000px){.sidebar{width:175px;padding:30px 14px 0}.brand{margin-left:5px;margin-right:0;gap:9px}.brand-seal{width:40px;height:43px;font-size:28px}.brand b{font-size:22px;letter-spacing:3px}.brand small{letter-spacing:2px}.nav-link{gap:10px;padding:0 13px;font-size:12px}.sidebar-note{padding-left:11px}.sidebar-note p{font-size:14px}.sidebar-bottom small{display:none}.app-shell{margin-left:175px}main{padding:28px 23px 0}.topbar{padding:0 23px;height:68px}.workspace-grid{grid-template-columns:245px minmax(0,1fr);gap:16px}.input-card{padding:21px 17px}.name-input-row{gap:9px}.examples button{padding:4px 6px;font-size:9px}.examples svg{display:none}.empty-result{padding:21px 18px;min-height:539px}.empty-features{gap:13px;font-size:9px}.empty-features i{display:none}.result-body{padding:19px 16px}.grid-cell{padding:9px 3px}.sancai-panel{padding:14px}.sancai-unit .element-chip{padding:2px 6px}.sancai-connector{display:none}.result-actions{gap:6px;flex-wrap:wrap}.secondary-button{padding:7px 10px}.result-name{font-size:33px}.calendar-hero{gap:9px}.calendar-hero .result-name{font-size:19px}.zodiac-badge{width:48px;height:62px}.lunar-line{font-size:15px}.pillars{gap:6px}.pillar-glyph{font-size:25px;letter-spacing:2px}.pillar-elements{gap:2px;flex-wrap:wrap}.hours-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toast{left:calc(50% + 87px)}}
@media(max-width:800px){.sidebar{width:100%;height:67px;bottom:auto;flex-direction:row;align-items:center;padding:0 21px;border-bottom:1px solid #ffffff14}.brand{margin:0 auto 0 0;gap:8px}.brand-seal{width:32px;height:35px;font-size:24px;border-radius:7px 7px 2px 7px}.brand b{font-size:21px;letter-spacing:3px;line-height:1.2}.brand small{font-size:7px;letter-spacing:1px}.nav-caption,.sidebar-note,.sidebar-bottom{display:none}.navigation{flex-direction:row;gap:5px}.nav-link{height:35px;padding:0 11px;gap:7px;font-size:11px;border-radius:7px}.nav-link svg{width:15px;height:15px}.nav-dot{display:none}.nav-count{font-size:9px;min-width:15px}.app-shell{margin-left:0;padding-top:67px}.topbar{height:56px;padding:0 26px}.topbar-actions{font-size:10px;gap:13px}main{padding:28px 26px 0}.page-heading{margin-bottom:25px}h1{font-size:28px}.workspace-grid{grid-template-columns:270px minmax(0,1fr);gap:18px}.input-card{padding:24px 20px}.toast{left:50%}.empty-result{min-height:545px}.empty-result h2{font-size:18px}.name-illustration{width:230px}.orbit{inset:35px 14px}.orbit-two{inset:10px -1px}.empty-features{gap:14px}.heading-stamp{margin-right:4px}}
@media(max-width:650px){.sidebar{padding:0 15px}.navigation{gap:4px}.nav-link{padding:0 9px}.nav-link svg{display:none}.nav-count{display:none}.brand b{font-size:20px}.topbar{padding:0 20px}.topbar-divider{display:none}.topbar-actions{gap:7px}.breadcrumb{font-size:10px;gap:10px}main{padding:28px 20px 0}.page-heading{align-items:center;gap:12px;margin-bottom:24px}h1{font-size:26px;letter-spacing:0}.page-heading p{font-size:11px;line-height:1.8;max-width:290px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}.heading-stamp{font-size:10px;margin-right:4px}.workspace-grid{grid-template-columns:1fr;gap:23px}.form-column{display:contents}.input-card{padding:24px}.card-title{margin-bottom:23px}.name-input-row{gap:17px}.name-input-row input{height:49px}.mode-field{margin-top:22px}.examples>div{gap:10px}.examples button{font-size:10px;padding:5px 9px}.examples svg{display:block}.quiet-card{display:none}.data-source{order:3;margin:0 0 2px}.results-column{order:2}.empty-result{min-height:500px;padding:23px 24px 27px}.name-illustration{margin-top:10px;height:235px}.empty-result h2{font-size:21px}.empty-features{margin-top:28px;gap:25px;font-size:10px}.empty-features i{display:inline}.page-footer{margin-top:30px;min-height:73px;font-size:8px;gap:8px}.page-footer>span:last-child{white-space:nowrap}.footer-dot{margin:0 6px}.result-hero{padding:25px}.result-name{font-size:39px}.result-body{padding:23px}.character-tile{padding:11px 6px}.five-grids{gap:6px}.grid-cell strong{font-size:28px}.grid-cell>span{font-size:9px}.grid-cell small{font-size:8px}.sancai-panel{padding:18px}.sancai-elements{gap:10px}.sancai-connector{display:inline}.sancai-unit .element-chip{padding:3px 8px}.result-actions{gap:8px}.secondary-button{padding:8px 11px;font-size:10px}.result-actions .text-button{margin-left:auto}.calendar-hero .result-name{font-size:21px}.zodiac-badge{width:56px;height:67px}.calendar-empty{min-height:400px;padding:43px 15px}.pillars{gap:9px}.pillar-glyph{font-size:28px}.pillar-elements{flex-wrap:nowrap}.hours-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.saved-grid{grid-template-columns:1fr;gap:15px}.saved-card{padding:23px}.saved-card .saved-name{font-size:30px}.saved-count-label{margin-top:6px}#view-saved .page-heading{align-items:flex-start;flex-wrap:wrap}#view-saved .page-heading h1{font-size:24px}#view-saved .page-heading>.secondary-button{margin-top:0}.toast{font-size:11px;padding:11px 15px;max-width:calc(100vw - 32px);white-space:normal;bottom:20px}dialog{padding:22px 23px}.data-source{font-size:9px}}
.birth-details{margin-top:21px;border:1px solid #e7ecdf;border-radius:7px;background:#fbfcf8}.birth-details>summary{list-style:none;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#80906e;cursor:pointer;gap:5px}.birth-details>summary>span:first-child{display:flex;align-items:center;gap:7px}.birth-details>summary svg{width:13px;height:13px}.birth-details>summary>span:last-child{color:#a4ae94;font-size:9px}.birth-inputs{padding:0 12px 8px}.birth-inputs .full-label{font-size:10px}.birth-inputs input{font-size:10px;height:40px;margin-top:7px}.birth-boundary-label{font-size:10px;display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:8px;color:#7f8d70}.birth-boundary-label select{border:1px solid #dce4d1;background:white;border-radius:5px;padding:5px 4px;font-size:10px;color:#71835e;max-width:145px}.birth-details[open]>summary{padding-bottom:15px}.method-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-bottom:1px solid var(--line);background:#fafbf7;padding:10px 17px}.method-tabs>button{border:1px solid transparent;border-radius:5px;padding:7px 5px;font-size:10px;color:#9aa48d;background:transparent;white-space:nowrap}.method-tabs>button:hover{background:#eff3e7;color:#6a8054}.method-tabs>button[aria-selected=true]{background:#fff;border-color:#dfe7d2;color:#51703e;box-shadow:0 1px 3px #3c512809;font-weight:500}.method-intro{margin-bottom:22px}.method-intro h3{font:19px/1.5 var(--serif);margin:0 0 7px;color:#536d41;letter-spacing:.5px}.method-intro p{font-size:10px;color:#98a288;line-height:1.85;margin:0}.method-note{font-size:9px;line-height:1.9;color:#a3ac96;margin:21px 0 0;padding-top:13px;border-top:1px dashed #e5ebdb}.numerology-list{display:flex;flex-direction:column;gap:10px}.numerology-row{display:flex;gap:13px;align-items:flex-start;border:1px solid #e6ecdd;background:#fdfefb;border-radius:8px;padding:13px 12px}.numerology-value{width:38px;text-align:center;color:#93a27f;font-size:9px;flex-shrink:0}.numerology-value b{display:block;font:27px/1.4 Georgia,serif;color:#5d7749}.numerology-text{flex:1;min-width:0}.numerology-text h4{font-size:11px;font-weight:500;margin:1px 0 4px;color:#738662}.numerology-text p{font-size:10px;line-height:1.9;color:#a2ab94;margin:0}.numerology-row>.judgement{flex-shrink:0;font-size:8px}.reading-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f0f4e8;padding:14px 16px;border-radius:8px;margin-bottom:17px}.reading-banner>span{font-size:17px;letter-spacing:1px;color:#6b8159}.reading-banner>b{font-size:10px;font-weight:400;color:#96a485;white-space:nowrap}.phonetic-grid{display:flex;gap:8px}.phonetic-cell{display:flex;align-items:center;flex-direction:column;flex:1;border:1px solid var(--line);border-radius:8px;background:#fcfdf9;padding:12px 4px;min-width:0}.phonetic-cell>b{font:30px/1.6 var(--serif);color:#6a8157}.phonetic-cell>span{font-size:12px;color:#82956c}.phonetic-cell>small{font-size:8px;color:#a6af98;margin-top:6px}.observation-list{margin-top:19px}.observation-list>p{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.9;color:#93a17f;margin:6px 0}.observation-list svg{width:12px;height:12px;margin-top:3px;color:#9fb68a}.shape-summary{font-size:9px;color:#98a48b;padding:12px;background:#f6f8f1;border-radius:6px;margin-top:18px}.shape-summary b{font-weight:500;color:#72885e}.shape-summary>span{display:block;font-size:8px;margin-top:4px;color:#a6af98}.dictionary-entries{margin-top:18px}.dictionary-entry{border-bottom:1px solid var(--line)}.dictionary-entry>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;cursor:pointer;font-size:9px;color:#98a58c}.dictionary-entry>summary b{font:17px var(--serif);margin-right:9px;color:#688151}.dictionary-entry>summary small{font-size:8px;color:#a7b198;text-align:right}.dictionary-entry>p{font-size:10px;line-height:2;color:#94a184;margin:0 0 15px;white-space:pre-line;overflow-wrap:anywhere;max-height:300px;overflow:auto}.birth-prompt{text-align:center;padding:35px 20px 43px;background:#f7f9f2;border-radius:9px;border:1px dashed #dce5d0}.birth-prompt>svg{color:#9bad8b;width:29px;height:29px}.birth-prompt>h4{font:20px/1.5 var(--serif);color:#738b5e;margin:17px 0 9px}.birth-prompt>p{font-size:10px;color:#a0ad91;line-height:1.9;margin:0 auto 19px;max-width:220px}.birth-prompt .secondary-button{background:#fff}.day-master{display:flex;align-items:center;gap:10px;background:#f0f4e8;padding:12px 14px;border-radius:7px;margin-bottom:17px;font-size:10px;color:#8c9d78}.day-master>b{font:23px var(--serif);color:#597842}.day-master>small{margin-left:auto;font-size:8px;text-align:right;max-width:130px}.hidden-stems{border-top:1px dashed #e7eddd;padding:6px 2px;font-size:8px;color:#a2ae92}.bazi-distribution{margin-top:18px}.bazi-distribution table{font-size:10px}.bazi-distribution th{font-size:9px}.bazi-distribution td,.bazi-distribution th{padding:9px 7px}.table-meter{display:flex;gap:8px;align-items:center}.table-meter progress{appearance:none;width:90px;max-width:100%;height:6px;border:0;background:#eff3e7;border-radius:5px;overflow:hidden}.table-meter progress::-webkit-progress-bar{background:#eff3e7;border-radius:5px}.table-meter progress::-webkit-progress-value{background:#a6b991;border-radius:5px}.table-meter progress::-moz-progress-bar{background:#a6b991;border-radius:5px}.method-callout{background:#f5f7ee;color:#9aa68a;padding:13px 14px;border-radius:7px;font-size:10px;line-height:1.9;margin-top:17px}.minor-heading{font-size:11px;font-weight:500;color:#839572;margin:24px 0 13px}.name-element-clues{display:flex;gap:9px}.name-element-clues>div{display:flex;flex:1;align-items:center;gap:7px;flex-wrap:wrap;padding:11px;border:1px solid #e7eddc;border-radius:7px;color:#9ba78d;font-size:8px}.name-element-clues b{font:21px var(--serif);color:#7e9567}.name-element-clues small{font-size:8px;color:#afb8a1}.zodiac-rows{display:flex;flex-direction:column;gap:12px}.zodiac-row{display:flex;gap:13px;align-items:flex-start;padding:16px 13px;border:1px solid #e5edda;border-radius:9px}.zodiac-char{font:31px/1.6 var(--serif);width:35px;text-align:center;color:#7c9564;flex-shrink:0}.zodiac-row>div:nth-child(2){flex:1}.zodiac-row h4{font-size:11px;font-weight:500;color:#879b70;margin:3px 0 4px}.zodiac-row p{font-size:10px;color:#a4af95;margin:0;line-height:1.9}.zodiac-row>.judgement{font-size:8px;flex-shrink:0}.zodiac-rules>div{display:flex;gap:10px;border-top:1px solid var(--line);padding:12px 0}.rule-label{font-size:9px;color:#9dad8e;white-space:nowrap;padding-top:2px}.zodiac-rules p{margin:0;display:flex;flex-direction:column;gap:5px}.zodiac-rules b{font-size:10px;font-weight:400;color:#879d70}.zodiac-rules p>span{color:#adb79e;font-size:9px}.poetry-matches{display:flex;flex-direction:column;gap:12px}.poetry-match{border:1px solid #e7eddd;border-radius:9px;background:#fcfdf9;padding:15px 17px}.poetry-match-top{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:8px;color:#a1af8e}.poetry-match-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poetry-match-top>small{font-size:8px;white-space:nowrap;color:#97a883;background:#eef3e5;padding:2px 5px;border-radius:3px}.poetry-match blockquote{font:16px/1.9 var(--serif);color:#8d9e7a;margin:13px 0 7px}.poetry-match mark{background:#ebf0df;color:#638344;border-radius:2px;padding:0 1px}.poetry-author{text-align:right;font-size:8px;color:#b1baa2}.poetry-suggestions{display:flex;flex-wrap:wrap;gap:8px}.poetry-suggestions button{display:flex;align-items:center;gap:6px;font-size:12px;color:#859b6e;background:#f8faf3;border:1px solid #e4ebd8;border-radius:6px;padding:7px 9px}.poetry-suggestions button span{font-size:7px;color:#acb69c}.poetry-suggestions button:hover{background:#ecf2df;color:#5b783f}.empty-features{flex-wrap:wrap;gap:10px 20px}.empty-features>span{font-size:9px}.empty-result{min-height:585px}
@media(min-width:1350px){.method-tabs{grid-template-columns:repeat(6,minmax(0,1fr));padding:11px 18px}.method-tabs>button{font-size:10px}}
@media(max-width:1000px){.method-tabs{padding:10px 11px}.method-tabs>button{font-size:9px}.table-meter progress{width:62px}.reading-banner{padding:12px}.reading-banner>span{font-size:14px}.reading-banner>b{font-size:8px}.phonetic-cell>b{font-size:26px}.phonetic-cell>small{font-size:7px}.numerology-row{gap:9px;padding:12px 9px}.numerology-value{width:30px}.numerology-text p{font-size:9px}.day-master{gap:7px;padding:11px}.empty-features{gap:9px 17px}.name-element-clues>div{gap:6px;padding:8px}.zodiac-row{gap:9px;padding:13px 10px}.poetry-match{padding:14px}.method-intro h3{font-size:18px}}
@media(max-width:650px){.birth-inputs input{font-size:12px}.method-tabs{padding:11px 17px;gap:4px}.method-tabs>button{font-size:11px;padding:8px}.method-intro h3{font-size:20px}.table-meter progress{width:90px}.reading-banner{padding:15px}.reading-banner>span{font-size:17px}.reading-banner>b{font-size:10px}.phonetic-cell>b{font-size:31px}.phonetic-cell>small{font-size:8px}.numerology-text p{font-size:10px}.numerology-row{padding:14px 12px;gap:12px}.day-master{padding:13px;gap:10px}.day-master>small{max-width:135px}.zodiac-row{gap:12px;padding:16px 13px}.empty-result{min-height:520px}.empty-features{gap:9px 14px}.empty-features>span{font-size:9px}.method-tabs{scroll-margin-top:80px}#name-result,#calendar-result{scroll-margin-top:80px}}
/* Keep the quiet palette readable, especially on smaller displays. */
.page-heading p,.card-title p,.field-hint,.examples>span,.quiet-card p,.data-source,.section-kicker,.empty-result>p,.calendar-empty>p,.empty-features,.page-footer{color:#727d68}.page-heading p{font-size:13px}.card-title p,.field-hint,.examples>span{font-size:11px}.primary-button{font-size:13px}.name-input-row label>span{font-size:11px;color:#7e8973}.segmented label{font-size:12px}.segmented span{color:#6f7d62}.examples button{font-size:11px}.quiet-card h3{font-size:12px}.quiet-card p{font-size:11px}.data-source{font-size:10px}.empty-result>p,.calendar-empty>p{font-size:12px}.empty-features>span{font-size:10px}.result-section-heading h3,.sancai-heading h3{font-size:13px}.result-section-heading>span{color:#7b886e;font-size:10px}.character-role,.character-original,.grid-cell small,.source-note{color:#7c896d}.character-strokes{font-size:11px;color:#687e55}.grid-cell>span{font-size:11px;color:#758367}.grid-cell small{font-size:9px}.sancai-text{font-size:12px;color:#6e7e5d}.sancai-unit>span{font-size:10px;color:#748661}.source-note{font-size:10px}.comparison summary,.hour-details summary{font-size:11px;color:#6c8058}.secondary-button,.text-button{font-size:11px}.text-button{color:#788a66}.method-tabs>button{font-size:11px;color:#728362}.method-intro p,.method-note,.method-callout{font-size:11px;color:#768567}.numerology-text h4{font-size:12px;color:#647c50}.numerology-text p{font-size:11px;color:#7c8c6c}.numerology-value{font-size:10px}.judgement{font-size:10px}.observation-list>p{font-size:11px;color:#768b61}.dictionary-entry>summary,.dictionary-entry>summary small{font-size:10px;color:#7d8f6b}.dictionary-entry>p{font-size:12px;color:#6e805c}.phonetic-cell>span{color:#68844f}.phonetic-cell>small{font-size:10px;color:#7c9068}.shape-summary{font-size:11px;color:#7d8e6b}.shape-summary>span{font-size:10px;color:#859374}.birth-prompt>p{font-size:11px;color:#7c8e6b}.method-callout{color:#758764}.minor-heading{font-size:12px;color:#6d835a}.name-element-clues>div{font-size:10px;color:#7f916c}.name-element-clues small{font-size:9px;color:#879873}.zodiac-row h4{font-size:12px;color:#708857}.zodiac-row p{font-size:11px;color:#80926b}.zodiac-rules b{font-size:11px;color:#748b5c}.zodiac-rules p>span{font-size:10px;color:#83976d}.poetry-match-top{font-size:10px;color:#7a8e65}.poetry-match-top>small{font-size:9px;color:#738b5b}.poetry-match blockquote{color:#6d8458}.poetry-author{font-size:10px;color:#8a9b75}.poetry-suggestions button{color:#66834f}.poetry-suggestions button span{font-size:9px;color:#84976d}.bazi-distribution table{font-size:11px}.bazi-distribution th{font-size:10px}.bazi-distribution td{color:#788d62}.hidden-stems{font-size:9px;color:#80946b}.calendar-footnote,.calendar-term{color:#7b8e66}.calendar-footnote{font-size:10px}.pillar-title{font-size:10px;color:#748c5d}.polarity{color:#778e61}.saved-mode,.saved-count-label,.saved-card-top,.saved-storage-note{color:#7a8c68}.saved-mode,.saved-card-top,.saved-storage-note{font-size:10px}.saved-stats{color:#748a5d;font-size:11px}dialog p,dialog dd{font-size:12px;color:#748565}.dialog-note{font-size:11px;color:#7b8e68}.birth-details>summary{font-size:11px}.birth-inputs .full-label,.birth-boundary-label{font-size:11px}.birth-inputs input{font-size:11px}.birth-details>summary>span:last-child{color:#7d9169}.birth-boundary-label select{color:#6b8354}
@media(max-width:650px){.page-heading p{font-size:12px}.empty-features>span{font-size:10px}.result-body{padding:22px 20px}.five-grids{gap:5px}.grid-cell small{font-size:8px}.phonetic-cell>small{font-size:9px}.method-tabs>button{font-size:11px}.day-master>small{font-size:9px}.table-meter progress{width:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}