:root{color:#1d2424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:linear-gradient(#fffc,#edf1ebe6),#eef2ec;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.access-screen{background:linear-gradient(#ffffffd1,#edf1ebeb),#eef2ec;place-items:center;min-height:100vh;padding:20px;display:grid}.access-panel{background:#fffffff0;border:1px solid #d8ded8;border-radius:8px;gap:16px;width:min(100%,380px);padding:22px;display:grid;box-shadow:0 18px 45px #17211e1f}.access-panel h1{color:#17211e;margin:0;font-size:24px;line-height:1.2}.access-mark{width:58px;height:58px}.access-error{color:#9f2d20;margin:-4px 0 0;font-size:14px}.sidebar{color:#eaf1e7;background:#17211e;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:8px;flex:none;width:44px;height:44px}.brand p,.brand h1,.topbar p,.topbar h2,.panel h3,.panel p{margin:0}.brand p,.eyebrow{letter-spacing:0;text-transform:uppercase;color:#7f9f98;font-size:12px}.brand h1{font-size:22px;line-height:1.2}.nav-tabs{gap:8px;display:grid}.nav-tabs button{color:#c9d5cf;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:flex}.nav-tabs button.active,.nav-tabs button:hover{color:#fff;background:#24342f;border-color:#36514a}.privacy-note{color:#d8d1bd;background:#c6a15b24;border-radius:8px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;font-size:13px;line-height:1.5;display:flex}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.topbar h2{color:#17211e;font-size:30px;line-height:1.15}.status-pill{text-overflow:ellipsis;white-space:nowrap;color:#3d4d49;background:#fff;border:1px solid #ccd8d0;border-radius:999px;max-width:48vw;padding:7px 12px;font-size:13px;overflow:hidden}.tool-grid{grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.panel{background:#ffffffeb;border:1px solid #d8ded8;border-radius:8px;padding:18px;box-shadow:0 18px 45px #17211e14}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel h3{color:#1f2926;font-size:20px}.panel p,.reading-note,.record-card time{color:#60706b;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:#374642;gap:6px;font-size:14px;display:grid}label span{font-weight:650}input,select,textarea{color:#1d2424;background:#fbfcfa;border:1px solid #cbd6cf;border-radius:8px;width:100%;padding:10px 11px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:2px solid #c6a15b}.wide{grid-column:1/-1}.primary-action,.secondary-action,.danger-action,.file-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:750;display:inline-flex}.primary-action{color:#17211e;background:#c6a15b}.secondary-action,.file-button{color:#263531;background:#eef3ef;border-color:#ccd8d0}.danger-action{color:#9f2d20;background:#fff2ef;border-color:#f0c6be}.button-row,.backup-box{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline-warning{color:#9f621c;font-size:14px}.result-panel{min-height:420px}.result-stack{gap:16px;display:grid}.result-header{align-items:flex-start;gap:10px;display:flex}.result-header h3{margin:0 0 4px}.pillar-grid,.gua-pair,.direction-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.gua-pair,.direction-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card,.gua-card,.record-card,.empty-result,.notice-grid>div{background:#f8faf7;border:1px solid #dce3dc;border-radius:8px;padding:12px}.pillar-card span,.gua-card span,.record-card span{color:#71817b;font-size:12px;display:block}.pillar-card strong,.gua-card strong,.record-card strong{color:#17211e;margin:4px 0;display:block}.pillar-card small,.gua-card small{color:#60706b;line-height:1.5}.element-bars{gap:8px;display:grid}.element-bars>div{grid-template-columns:28px 1fr 38px;align-items:center;gap:10px;display:grid}meter{width:100%}.summary-list{color:#33413e;margin:0;padding-left:18px;line-height:1.7}.dayun-strip,.line-values{flex-wrap:wrap;gap:8px;display:flex}.dayun-strip span,.line-values span{color:#344540;background:#eef3ef;border-radius:999px;padding:6px 10px;font-size:13px}.line-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.archive-panel,.settings-panel{max-width:1040px}.backup-box{background:#f4f7f3;border-radius:8px;margin-bottom:16px;padding:14px}.backup-box label{flex:1;min-width:240px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;position:absolute;inset:0}.record-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.toggle-row{align-items:center;gap:10px;margin:14px 0;display:flex}.toggle-row input{width:auto}.notice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.empty-result{text-align:center;color:#65736f;place-items:center;min-height:260px;display:grid}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.nav-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-tabs button{justify-content:center;padding:9px 6px}.privacy-note{display:none}.tool-grid,.notice-grid{grid-template-columns:1fr}.workspace{padding:14px}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.status-pill{max-width:100%}.form-grid,.pillar-grid,.gua-pair,.direction-columns,.line-picker{grid-template-columns:1fr}.nav-tabs button span{display:none}}