/* The Practice Room — ZenTell's quiet ivory and rose visual direction. */
:root{--tool-ink:#382c30;--tool-muted:#7b6c70;--tool-rose:#dba8b4;--tool-wine:#854653;--tool-line:#eadfe0;--tool-paper:#fdfaf9}
body{background:#fbf8f6;color:var(--tool-ink)}header{background:#fbf8f6}.brand strong{color:var(--tool-wine)}.seal{background:var(--tool-wine)}.topnav a.active{color:var(--tool-wine);border-color:var(--tool-wine)}main{max-width:1280px;padding:0 38px}.tools-shell{padding:34px 0 76px}.tool-intro{max-width:720px;margin:38px 0 44px}.tool-intro h1,.tool-title h1{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(32px,4.5vw,53px);font-weight:500;letter-spacing:-.035em;line-height:1.23;margin:14px 0 19px}.tool-intro p,.tool-title>p:last-child{color:var(--tool-muted);font-size:16px;line-height:1.8;max-width:680px}.tool-intro-note{margin-top:25px;font-size:12px;color:var(--tool-wine);border-top:1px solid var(--tool-line);padding-top:17px}.tools-shell .eyebrow{color:var(--tool-wine);font-size:11px;letter-spacing:.16em}.tool-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-entry{display:flex;flex-direction:column;background:#fffdfc;border:1px solid var(--tool-line);border-radius:17px;padding:26px;text-decoration:none;min-height:234px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-entry:hover{transform:translateY(-3px);border-color:#cba4ad;box-shadow:0 10px 26px #7544500b}.tool-entry:nth-child(3n+2){background:#f8eeef}.tool-entry:nth-child(3n){background:#f3f4f0}.tool-entry-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--tool-muted)}.tool-ready{font-size:9px;color:#718271}.tool-entry h2{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:500;font-size:23px;margin:24px 0 10px}.tool-entry p{color:var(--tool-muted);font-size:13px;line-height:1.7;margin:0 0 22px}.tool-open{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;color:var(--tool-wine)}.tool-title{margin:26px 0 34px}.tool-title h1{font-size:clamp(30px,4vw,44px);margin-bottom:12px}.tool-workspace{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.tool-panel{background:var(--tool-paper);border:1px solid var(--tool-line);border-radius:18px;padding:27px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--tool-line);padding-bottom:18px;margin-bottom:23px}.panel-heading h2{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:500;font-size:21px;margin:0}.tools-shell button{font:inherit;font-size:13px;cursor:pointer;border-radius:8px;border:1px solid transparent;background:#dfaebb;color:#402a31;padding:11px 18px;transition:background .15s}.tools-shell button:hover{background:#d39aa9}.tools-shell button.secondary{background:transparent;border-color:var(--tool-line);color:var(--tool-muted)}.tools-shell button.secondary:hover{background:#f4e9eb}.tools-shell button.example-button{padding:6px 9px;font-size:11px;background:transparent;color:var(--tool-wine)}.tools-shell button:disabled{opacity:.5;cursor:default}.tools-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ae6c80;outline-offset:3px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}.tool-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#65545b;min-width:0}.tool-field:has([name=datetime]),.tool-field:has([name=zone]),.tool-field:has([name=question]),.tool-field:has([name^=q]),.tool-advanced,.tool-wide{grid-column:1/-1}.tool-field input,.tool-field select,.tool-panel textarea{width:100%;min-width:0;border:1px solid #e2d7da;border-radius:7px;background:#fff;color:var(--tool-ink);padding:12px 10px;font:inherit;font-size:13px;min-height:44px;box-sizing:border-box}.tool-field select{padding-right:23px}.tool-check{display:flex;gap:8px;font-size:12px;align-items:center;grid-column:1/-1}.tool-check input{accent-color:var(--tool-wine);width:16px;height:16px}.tool-advanced{padding:0}.tool-advanced summary{font-size:12px;color:var(--tool-wine);cursor:pointer;padding:8px 0}.tool-advanced[open]>.field-grid{margin-top:12px}.tool-note{font-size:11px;line-height:1.8;color:#8a7a7e;margin:17px 0 0}.form-actions{display:flex;gap:10px;margin-top:26px}.tool-error{color:#9a3145;font-size:12px;background:#faecee;padding:12px;border-radius:7px}.result-state{font-size:10px;color:var(--tool-muted)}.result-welcome{padding:70px 6px 90px;max-width:370px}.result-welcome h3{font-family:Georgia,'Songti SC',serif;font-size:28px;font-weight:400;margin:22px 0 15px}.result-welcome p{font-size:13px;line-height:1.9;color:var(--tool-muted)}#tool-result:focus{outline:none}.result-actions{border-top:1px solid var(--tool-line);margin-top:24px;padding-top:20px}.result-actions button{font-size:11px}.result-caption{font-size:12px;line-height:1.7;color:var(--tool-muted)}.result-summary{font-family:Georgia,'Songti SC',serif;font-size:25px;line-height:1.5;margin:6px 0 12px;font-weight:400}.result-label{font-size:11px;color:var(--tool-wine);letter-spacing:.04em}.result-section{margin-top:25px}.result-section h3{font-size:15px;font-weight:500;margin:0 0 13px}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.pillar{background:#f6edef;border-radius:9px;text-align:center;padding:15px 5px}.pillar small{font-size:10px;color:var(--tool-muted)}.pillar strong{font-family:serif;font-size:32px;font-weight:400;display:block;margin:8px 0}.pillar span{font-size:10px;color:var(--tool-wine)}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--tool-line);border-radius:8px}.tool-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7;margin:0}.tool-table th{text-align:left;color:var(--tool-muted);font-weight:500;background:#f6f0f0}.tool-table :is(th,td){padding:11px 10px;border-bottom:1px solid var(--tool-line);vertical-align:top}.tool-table tr:last-child td{border-bottom:0}.tool-table .nowrap{white-space:nowrap}.phase-bars{display:grid;gap:11px}.phase-row{display:grid;grid-template-columns:75px 1fr 34px;align-items:center;gap:11px;font-size:12px}.phase-track{height:7px;background:#f0e8e8;border-radius:9px;overflow:hidden}.phase-track span{display:block;height:100%;border-radius:9px;background:#b57c8b}.phase-row:nth-child(1) .phase-track span{background:#9aa88d}.phase-row:nth-child(2) .phase-track span{background:#c7918f}.phase-row:nth-child(3) .phase-track span{background:#c4ae87}.phase-row:nth-child(4) .phase-track span{background:#aba9a0}.phase-row:nth-child(5) .phase-track span{background:#90a4b5}.result-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.result-fact{background:#f6eff0;padding:16px;border-radius:9px;min-width:0}.result-fact small{display:block;color:var(--tool-muted);font-size:10px;margin-bottom:7px}.result-fact strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.result-fact.wide{grid-column:1/-1}.coin-toolbar{display:flex;flex-wrap:wrap;gap:8px}.coin-room p{font-size:11px;color:var(--tool-muted);line-height:1.7}.line-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.line-inputs .tool-field{grid-column:auto}.hex-line{display:flex;width:63px;height:7px;gap:9px;margin:5px 0}.hex-line i{height:100%;flex:1;background:#84525f}.hex-line.yang i{background:#84525f}.hex-line.yang i+ i{display:none}.hex-line.moving i{background:#ba7a4b}.hex-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.hex-card{padding:18px;background:#f6edef;border-radius:10px}.hex-card h3{font-size:17px;margin:0 0 10px;font-family:serif}.hex-card small{color:var(--tool-muted)}.hex-stack{display:flex;flex-direction:column-reverse;gap:5px;margin:17px 0}.qimen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--tool-line);border:1px solid var(--tool-line);border-radius:9px;overflow:hidden}.qimen-cell{min-height:138px;background:#fffdfa;padding:12px 9px;font-size:11px;line-height:1.8}.qimen-cell.center{background:#f7eded}.qimen-cell .cell-heading{color:var(--tool-muted);display:flex;justify-content:space-between;font-size:10px}.qimen-cell strong{display:block;font-size:16px;font-weight:500;margin:7px 0 4px;color:var(--tool-wine)}.qimen-cell small{display:block;font-size:10px;color:var(--tool-muted)}.ziwei-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--tool-line);background:var(--tool-line);border-radius:8px;overflow:hidden}.ziwei-cell{background:#fffdfa;padding:10px 7px;min-height:117px;font-size:10px;line-height:1.8}.ziwei-cell strong{display:block;font-size:13px;font-weight:500;color:var(--tool-wine)}.ziwei-cell .major-stars{color:#683b4a;font-size:11px;margin:6px 0}.ziwei-cell small{color:var(--tool-muted);font-size:9px}.ziwei-center{grid-column:2/4;grid-row:2/4;background:#f7eeee;text-align:center;padding:35px 8px;font-size:12px;line-height:2.1}.ziwei-center h3{font-size:22px;font-family:serif;font-weight:400}.astro-wheel{display:block;width:100%;max-width:420px;height:auto;margin:12px auto 20px;color:var(--tool-wine)}.astro-wheel text{font-family:system-ui,sans-serif}.tarot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0}.tarot-cards.single{grid-template-columns:minmax(0,210px);justify-content:center}.tarot-card{border:1px solid #dcbcc4;border-radius:12px;background:linear-gradient(150deg,#f7e9ed,#fffaf5);padding:15px 10px;text-align:center;min-height:201px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.tarot-card .card-number{font-family:Georgia,serif;font-size:46px;line-height:1.2;color:#b17d8d;margin:16px 0}.tarot-card strong{font-family:Georgia,'Songti SC',serif;font-size:17px;font-weight:400}.tarot-card small{font-size:10px;color:var(--tool-muted);line-height:1.5}.tarot-card .position{font-size:9px;color:var(--tool-wine)}.tarot-note-label{display:block;font-size:12px;margin:20px 0 8px}.tarot-save{display:flex;align-items:center;gap:12px;margin-top:12px}.tarot-save span{font-size:11px;color:var(--tool-muted)}.tarot-history{margin-top:24px}.journal-entry{border-bottom:1px solid var(--tool-line);padding:16px 0;overflow-wrap:anywhere}.journal-entry h3{font-size:14px;font-weight:500;margin:8px 0}.journal-entry p{font-size:12px;color:var(--tool-muted);white-space:pre-wrap;line-height:1.8}.journal-entry small{font-size:10px;color:var(--tool-muted)}.journal-entry button{float:right;font-size:10px;padding:6px 9px}.tool-method{border-top:1px solid var(--tool-line);margin-top:42px;padding-top:30px;max-width:860px}.tool-method h2{font-family:Georgia,'Songti SC',serif;font-size:24px;font-weight:400}.tool-method>p:last-of-type{font-size:13px;line-height:2;color:var(--tool-muted)}.method-links{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;font-size:11px}.method-links a{color:var(--tool-wine);text-underline-offset:4px}.tool-switch{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--tool-line);margin-top:35px;padding-top:23px}.tool-switch a{font-size:11px;color:var(--tool-muted);background:#f4eded;padding:8px 12px;border-radius:25px;text-decoration:none}footer{border-color:var(--tool-line);background:#f5eeed}.tools-shell [hidden]{display:none!important}
@media(min-width:1100px){.tool-detail:has(.ziwei-grid) .tool-workspace{grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}}
@media(max-width:950px){.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:16px}.tool-panel{padding:20px}.field-grid{gap:15px 10px}.tool-field{font-size:11px}.tool-field :is(select,input){font-size:12px}.ziwei-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ziwei-center{grid-column:1/-1;grid-row:1;background:#f7eeee;padding:16px}.ziwei-cell{grid-column:auto!important;grid-row:auto!important}.tarot-card{min-height:190px;padding:12px 7px}.tarot-card strong{font-size:14px}.tarot-card .card-number{font-size:33px}}
@media(max-width:720px){main{padding:0 20px}.tools-shell{padding-top:22px}.tool-intro{margin:27px 0 31px}.tool-directory{gap:13px}.tool-entry{padding:20px;min-height:218px}.tool-entry-top{font-size:9px;letter-spacing:0}.tool-ready{font-size:8px}.tool-entry h2{font-size:21px;margin-top:21px}.tool-entry p{font-size:12px}.tool-workspace{grid-template-columns:1fr}.tool-panel{padding:22px}.tool-result-panel{margin-top:0}.result-welcome{padding:35px 3px 43px}.tool-title{margin-top:23px}.tool-title h1{font-size:34px}.tool-title>p:last-child{font-size:14px}.ziwei-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qimen-cell{min-height:133px;padding:10px}.panel-heading h2{font-size:20px}.tool-method{margin-top:30px}.tool-intro-note{line-height:1.8}.field-grid{gap:17px 13px}}
@media(max-width:430px){.tool-directory{grid-template-columns:1fr}.tool-entry{min-height:197px}.tool-intro h1{font-size:34px}.tool-panel{padding:19px}.tool-entry h2{font-size:23px}.pillar strong{font-size:28px}.qimen-cell{font-size:10px;padding:9px 7px}.qimen-cell strong{font-size:14px}.result-fact strong{font-size:16px}.tarot-card strong{font-size:13px}.tarot-cards{gap:7px}.tool-table :is(th,td){padding:9px 8px}.line-inputs{gap:9px}.line-inputs .tool-field select{padding-left:6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.tool-entry{transition:none}.tool-entry:hover{transform:none}}