:root{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;color:#243c32;font-synthesis:none;--green:#304f43;--lime:#d9e791;--line:#dedfd4;--muted:#6b776e;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;background:#f5f3ec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #789d67}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:.5px;font-weight:600}p{line-height:1.8}.site-wrap{max-width:1440px;margin:auto;padding:0 64px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.brand small{letter-spacing:2.5px;color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.brand-mark{background:var(--green);width:45px;height:45px;color:var(--lime);border-radius:50%;place-items:center;font-size:36px;display:grid}.header nav{align-items:center;gap:30px;font-size:14px;display:flex}.nav-resume{background:0 0;border:1px solid #c8cdbd;border-radius:30px;padding:12px 18px;font-size:13px;transition:background .18s}.nav-resume:hover{background:#ebede3}.nav-resume span{margin-left:10px}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:500;line-height:1.7}.live-dot{background:#759b62;border-radius:50%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;min-height:600px;padding:55px 0 65px;display:grid}.hero h1{letter-spacing:1px;margin:20px 0;font-size:clamp(38px,4.2vw,63px);line-height:1.3}.serif{font-family:var(--serif);color:#4d6b52;background:linear-gradient(#0000 64%,#d9e791b3 64% 90%,#0000 90%);padding:0 4px;font-weight:400}.hero-copy>p{color:#66725f;font-size:16px;line-height:1.9}.hero-actions{gap:12px;margin-top:28px;display:flex}.button{letter-spacing:.5px;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:18px;padding:14px 22px;font-size:14px;line-height:1.6;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#233d32;box-shadow:0 8px 20px #304f4333}.ghost{background:0 0;border-color:#cbd0c3}.ghost:hover{background:#ebece2}.wide{justify-content:space-between;width:100%;margin-top:18px}.hero-meta{letter-spacing:1px;color:#7d8679;gap:23px;margin-top:37px;font-size:12px;display:flex}.hero-visual{isolation:isolate;background:#e9ecd9;border-radius:160px 160px 12px 12px;height:450px;position:relative;overflow:hidden}.visual-word{color:#63735e;z-index:2;font:italic 25px/1.1 Georgia,serif;position:absolute;top:72px;left:64px}.orb{border-radius:50%;position:absolute}.orb-a{background:#d4df95;width:260px;height:260px;top:120px;left:30px;box-shadow:inset -30px -20px 60px #aebd6e55}.orb-b{background:#344f43;width:220px;height:220px;bottom:15px;right:-25px;box-shadow:inset 20px 0 40px #203c36}.orb-c{background:#ecd6bb;width:95px;height:95px;top:50px;right:55px}.orb-a:after{content:"";border:1px solid #ffffff60;border-radius:50%;width:260px;height:260px;position:absolute;top:-35px;left:50px}.floating-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;z-index:3;background:#ffffffcd;border-radius:6px;padding:19px 20px;font-size:14px;position:absolute;bottom:39px;left:40px;right:35px;transform:rotate(-5deg);box-shadow:0 12px 45px #263b3512}.floating-note span{float:right;font-size:20px}.visual-index{writing-mode:vertical-rl;letter-spacing:2px;color:#71826c;font-size:10px;position:absolute;top:40%;right:18px}.explore{border-top:1px solid var(--line);padding:30px 0 75px;scroll-margin-top:25px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.section-heading h2{margin-top:10px;font-size:32px}.section-heading>p,.section-heading div>p{color:var(--muted);font-size:14px}.filter-row{gap:10px;margin-bottom:25px;display:flex}.filter{color:#4f5f55;background:0 0;border:1px solid #0000;border-radius:24px;padding:9px 16px;font-size:14px;transition:background .18s}.filter:hover{background:#ebede3}.filter.active{background:#e2e8d7;border-color:#d1d9c5}.filter span{margin-left:5px;font-size:12px}.test-grid{grid-template-columns:repeat(3,1fr);gap:21px;display:grid}.test-card{background:#fffdf8;border:1px solid #e0e2d7;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.test-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #2f4a3d14}.card-top{justify-content:space-between;padding:19px 20px 0;display:flex}.pill{color:#5b6b55;border:1px solid #bac6ad;border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.card-number{opacity:.45;font:italic 19px Georgia,serif}.card-art{place-items:center;height:165px;display:grid;position:relative;overflow:hidden}.card-art span,.card-art i{display:block;position:absolute}.card-art b{z-index:1;font-size:83px;font-weight:400}.art-sage span{background:#dce6b5;border-radius:50%;width:110px;height:110px;top:30px;left:calc(50% - 75px)}.art-sage i{border:1px solid #8ca07e;border-radius:50%;width:110px;height:110px;top:30px;left:calc(50% - 32px)}.art-peach{color:#7c6659}.art-peach span{background:#e5c9ae;border-radius:60% 60% 5%;width:110px;height:110px;transform:rotate(-25deg)}.art-peach i{border:1px solid #ae8d77;border-radius:50%;width:100px;height:100px;transform:translate(40px,10px)}.art-lavender{color:#6f6b87}.art-lavender span{background:#d4cde2;border-radius:20px;width:110px;height:110px;transform:rotate(-15deg)}.art-lavender i{border:1px solid #a39ab8;width:90px;height:90px;transform:translate(30px,10px)rotate(12deg)}.card-copy{padding:12px 23px 22px}.card-copy .eyebrow{letter-spacing:1px;color:var(--muted);font-size:12px}.card-copy h3{margin:10px 0 8px;font-size:21px}.card-copy>p{color:var(--muted);font-size:14px;line-height:1.7}.card-bottom{border-top:1px solid #e9e9df;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:18px;display:flex}.card-bottom>span{color:#7f877c;font-size:13px}.card-bottom i{margin:0 4px;font-style:normal}.text-link{color:var(--green);font-size:13px;font-weight:600}.how{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:30px;padding:64px 0;display:grid}.how h2{margin-top:10px;font-size:28px;line-height:1.6}.how-steps{grid-template-columns:repeat(3,1fr);gap:25px;padding-top:8px;display:grid}.how-steps>div>span{color:#96a384;font:italic 30px Georgia,serif}.how h3{margin:15px 0 8px;font-size:17px}.how p{color:var(--muted);font-size:14px;line-height:1.75}.closing{text-align:center;background:#e9eddf;border-radius:9px;margin:20px 0 60px;padding:64px 20px}.closing>span{color:#728358;font-size:25px}.closing p{font-family:var(--serif);letter-spacing:2px;margin:15px 0;font-size:28px;line-height:1.6}.closing em{color:#788259;font-style:normal}.closing small{letter-spacing:.5px;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:25px;padding:35px 0 22px;display:flex}footer>div>a{font-size:18px;font-weight:600}footer p{color:var(--muted);margin-top:8px;font-size:13px}.footer-links{align-items:center;gap:20px;display:flex}.footer-links>a,.footer-links>span{color:var(--muted);font-size:13px}.footnote{border-top:1px solid var(--line);width:100%;margin:0;padding-top:15px;font-size:12px}.narrow{max-width:680px;margin:45px auto 65px}.back-link{color:var(--muted);margin-bottom:25px;font-size:14px;display:inline-block}.detail-card{background:#e8edde;border:1px solid #d6ddcb;border-radius:12px;padding:42px}.detail-card.peach{background:#f0e5d9;border-color:#e2d5c8}.detail-card.lavender{background:#eae6f0;border-color:#dcd5e6}.detail-card h1,.plain-panel h1,.prose h1{margin:14px 0;font-size:32px;line-height:1.5}.detail-sub{color:#737d6f;font-size:16px}.detail-meta{border-top:1px solid #9aa48a55;border-bottom:1px solid #9aa48a55;gap:20px;margin:24px 0;padding:18px 0;font-size:13px;display:flex}.description{color:#5c695b;margin:24px 0;font-size:15px}label{margin:17px 0 8px;font-size:14px;display:block}input,select,textarea{color:#314a3e;background:#fffefa;border:1px solid #cdd2c6;border-radius:6px;width:100%;min-width:0;padding:13px}textarea{resize:vertical;min-height:110px;font-size:14px;line-height:1.8}input::placeholder{color:#9aa195;font-size:14px}.field-help,.detail-notice{color:#7d8575;margin-top:10px;font-size:13px;line-height:1.8}.detail-notice{margin-top:22px}.form-error{color:#aa493e;min-height:20px;margin-top:10px;font-size:13px}.center-note{text-align:center;color:#879080;margin:22px 0;font-size:13px;line-height:1.9}.plain-panel{border:1px solid var(--line);background:#fffdf7;border-radius:12px;padding:40px}.plain-panel>p{color:var(--muted);margin:15px 0;font-size:15px}.panel-icon{color:#78905f;font-size:40px;display:block}.divider{background:var(--line);height:1px;margin:30px 0}summary{cursor:pointer;color:var(--muted);font-size:14px}.quiz-wrap{max-width:800px;margin:45px auto 70px}.quiz-top{justify-content:space-between;margin-bottom:15px;font-size:14px;display:flex}.quiz-top i{color:var(--muted);font-style:normal}.progress{background:#e2e6d9;border-radius:5px;height:4px;overflow:hidden}.progress span{background:#7d9567;height:100%;transition:width .3s;display:block}.question-panel{border:1px solid var(--line);background:#fffdf7;border-radius:12px;margin-top:28px;padding:40px}.question-panel h1{margin:12px 0 28px;font-size:28px}.scenario{align-items:center;gap:20px;margin:0 0 30px;display:flex}.scenario>div{background:#edf0e4;border-radius:8px;flex:1;align-self:stretch;padding:20px}.scenario>div>span{color:#98a488;font:italic 20px Georgia,serif}.scenario p{margin-top:10px;font-size:16px}.versus{color:#85917b;font-size:13px}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option{text-align:left;background:0 0;border:1px solid #d9dece;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:19px 16px;font-size:15px;line-height:1.6;transition:background .15s,border-color .15s;display:flex}.option i{color:#9aa78e;border:1px solid #d7dfca;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:12px;font-style:normal;display:grid}.option:hover{background:#f6f7f0;border-color:#a9b89a}.option.selected{background:#e6edda;border-color:#7b9566}.option.selected i{color:#fff;background:#567646;border-color:#567646}.quiz-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:30px;display:flex}.quiz-actions>span{color:var(--muted);font-size:12px}.report-wrap{text-align:center}.report-card{border:1px solid var(--line);background:#fffdf7;border-radius:14px;margin:22px 0;padding:35px}.report-symbol{color:#7f965d;margin:10px auto 20px;font-size:65px}.report-card h1{margin:20px 0 10px;font-size:36px}.report-summary{font-family:var(--serif);color:#798662;font-size:18px}.report-body{text-align:left;border-top:1px solid var(--line);margin-top:35px;padding-top:10px}.report-body h2{margin:24px 0 12px;font-size:17px}.report-body>p{color:#677362;font-size:15px}.tip{border-bottom:1px solid #e7e9df;align-items:center;gap:18px;padding:15px 0;display:flex}.tip>span{color:#9ba78a;font:italic 22px Georgia,serif}.tip p{font-size:15px}.report-notice{color:#929989;margin-top:30px;font-size:12px}.report-actions{justify-content:center;gap:12px;display:flex}.prose{padding:10px 10px 30px}.prose h2{margin:30px 0 10px;font-size:19px}.prose p{color:#687364;font-size:15px}.prose .button{margin-top:30px}.admin-head{justify-content:space-between;align-items:center;gap:20px;margin:45px 0 25px;display:flex}.admin-head h1{margin-top:12px;font-size:27px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0;display:grid}.stats-grid>div{border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:22px}.stats-grid span{color:var(--muted);font-size:13px}.stats-grid strong{margin-top:12px;font-size:35px;font-weight:500;display:block}.admin-panel{border:1px solid var(--line);background:#fffdf7;border-radius:10px;margin:25px 0;padding:28px}.admin-panel h2{font-size:20px}.admin-panel p{color:var(--muted);margin-top:8px;font-size:13px}.generate-grid{grid-template-columns:1.5fr .7fr .8fr 1.3fr;align-items:end;gap:15px;display:grid}.generate-grid>.button{grid-column:1/-1;justify-self:start}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e7e9df;padding:15px 12px}th{color:var(--muted);font-size:12px;font-weight:400}td small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.table-button{color:#526d43;background:0 0;border:0;padding:7px;font-size:12px}.danger{color:#ad6253}.status{background:#e8eddd;border-radius:15px;padding:4px 8px;font-size:12px}.status.used{color:#7e6e96;background:#eae7f1}.status.revoked{color:#a17060;background:#f0e3dd}.generated-box{background:#edf1e4;border:1px solid #b8c5a3;border-radius:8px;margin-top:20px;padding:20px}.generated-box h3{font-size:16px}.generated-box textarea{min-height:140px;margin-top:15px}.generated-box .button{margin-top:15px}dialog{border:1px solid var(--line);width:calc(100% - 30px);max-width:520px;color:var(--green);background:#fffdf7;border-radius:12px;padding:30px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b302b66}dialog h2{font-size:21px}dialog p{color:var(--muted);margin:15px 0;font-size:14px}.modal-actions{justify-content:end;gap:10px;margin-top:20px;display:flex}.toast{z-index:1000;color:#fff;background:#304f43;border-radius:9px;width:max-content;max-width:calc(100% - 30px);padding:15px 24px;font-size:14px;line-height:1.7;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}@media (width>=1500px){.site-wrap{padding:0 85px}.hero{gap:60px}.hero-visual{height:470px}.orb-a{left:40px}}@media (width<=1000px){.site-wrap{padding:0 30px}.header nav{gap:20px}.hero{gap:20px;min-height:540px}.hero-visual{height:390px}.hero h1{font-size:43px}.hero-meta{flex-wrap:wrap;gap:12px}.orb-a{width:220px;height:220px;top:120px;left:10px}.orb-b{width:170px;height:170px}.test-grid{gap:15px}.card-copy{padding:12px 16px 20px}.card-copy h3{font-size:19px}.card-bottom{flex-direction:column;align-items:start;gap:13px}.how{grid-template-columns:1fr}.how-steps{gap:25px}.footer-links{flex-wrap:wrap}.generate-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.site-wrap{padding:0 20px}.header{height:88px}.brand{gap:8px;font-size:18px}.brand-mark{width:35px;height:35px;font-size:29px}.brand small{letter-spacing:1px;font-size:8px}.header nav>a{display:none}.header nav{gap:0}.nav-resume{padding:10px 12px;font-size:12px}.nav-resume span{margin-left:3px}.hero{grid-template-columns:1fr;gap:35px;padding:35px 0 40px}.hero h1{letter-spacing:.5px;font-size:36px}.hero-copy>p{font-size:15px}.hero-meta{gap:17px;margin-top:25px;font-size:11px}.hero-visual{border-radius:110px 110px 9px 9px;height:270px}.visual-word{font-size:20px;top:46px;left:42px}.orb-a{width:180px;height:180px;top:60px;left:25%}.orb-b{width:145px;height:145px;bottom:-20px;right:12px}.orb-c{width:65px;height:65px;top:20px;right:50px}.floating-note{padding:15px;font-size:13px;bottom:25px;left:30px;right:30px}.visual-index{font-size:9px}.section-heading{margin-bottom:20px;display:block}.section-heading h2{font-size:26px}.section-heading>p{margin-top:10px}.explore{padding:30px 0 40px}.filter-row{gap:3px}.filter{padding:8px 12px;font-size:13px}.test-grid{grid-template-columns:1fr;gap:18px}.test-card{position:relative}.card-art{height:160px}.card-copy h3{font-size:22px}.card-copy>p{font-size:14px}.card-copy{padding:12px 22px 24px}.card-bottom{flex-direction:row;align-items:center}.card-bottom>span,.text-link{font-size:13px}.how{gap:20px;padding:35px 0}.how h2{font-size:24px}.how-steps{grid-template-columns:1fr;gap:20px}.how-steps>div{grid-template-columns:40px 1fr;align-items:center;column-gap:10px;display:grid}.how-steps>div>span{grid-row:1/3}.how h3{margin:0 0 4px}.how p{grid-column:2;font-size:14px}.closing{margin:10px 0 40px;padding:35px 12px}.closing p{font-size:21px}.closing small{font-size:13px}footer{gap:20px;padding-top:25px}.footer-links{gap:15px}.footer-links>span{width:100%;font-size:12px}.narrow{margin:30px auto 45px}.detail-card,.plain-panel{padding:26px 22px}.detail-card h1,.plain-panel h1,.prose h1{font-size:27px}.detail-meta{gap:12px;font-size:12px}.description,.detail-sub{font-size:14px}.button{padding:13px 17px;font-size:14px}.quiz-wrap{margin:30px auto 45px}.question-panel{margin-top:20px;padding:25px 18px}.question-panel h1{margin-bottom:20px;font-size:23px}.scenario{gap:10px}.scenario>div{padding:13px}.scenario p{font-size:14px}.scenario>div>span{font-size:16px}.options{grid-template-columns:1fr}.option{padding:15px}.quiz-actions{flex-wrap:wrap}.quiz-actions>span{text-align:center;order:3;width:100%}.report-card{padding:25px 20px}.report-card h1{font-size:30px}.report-summary{font-size:16px}.report-actions{flex-direction:column}.admin-head{align-items:start;margin:30px 0 20px}.admin-head h1{font-size:23px}.admin-head>.button{white-space:nowrap;padding:10px;font-size:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid>div{padding:17px}.stats-grid strong{font-size:28px}.admin-panel{padding:20px 16px}.generate-grid{gap:10px}.generate-grid>div:first-child,.generate-grid>div:nth-child(4){grid-column:1/-1}.admin-panel .section-heading>.button{margin-top:10px}.prose{padding:0}.eyebrow{font-size:11px}input,select{font-size:16px}dialog{padding:25px 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
