:root{--paper:#f8f4eb;--white:#fffdf8;--ink:#362c24;--muted:#81766a;--line:#e5dbcb;--accent:#ad5927;--accent-dark:#873e19;--soft:#f4e4cb;--gold:#d49c4b;--green:#738570;font-family:'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b98543;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}h1{letter-spacing:-.04em}button img{pointer-events:none}.site-header{max-width:1320px;padding:0 48px;margin:auto;height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{background:none;display:flex;align-items:center;font-family:Arial,sans-serif;font-weight:800;font-size:34px;letter-spacing:-1.9px;padding:0}.brand span{font:500 12px 'PingFang SC',sans-serif;letter-spacing:2px;border-left:1px solid #d6cbb9;padding-left:18px;margin-left:23px;color:var(--muted)}nav{display:flex;gap:32px;margin-left:auto;height:100%;align-items:center}.nav-link{background:none;padding:0;font-size:14px;color:var(--muted);height:100%;position:relative}.nav-link.active{color:var(--accent);font-weight:600}.nav-link.active:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:-1px;left:0;right:0}.nav-link span{margin-left:12px}.header-help{width:29px;height:29px;border:1px solid #c9bba7;border-radius:50%;background:transparent;color:var(--muted);font:500 15px Georgia,serif}.site-footer{display:flex;justify-content:space-between;gap:24px;max-width:1224px;margin:0 auto;border-top:1px solid var(--line);padding:23px 0 28px;font-size:11px;letter-spacing:.6px;color:var(--muted);line-height:1.8}.site-footer button{background:none;font-size:12px;color:var(--muted);padding:0}.site-header,#app,.site-footer{width:calc(100% - 96px)}.site-header{width:100%}#app{max-width:1224px;margin:auto;padding:45px 0 55px;min-height:calc(100svh - 179px)}.eyebrow{font:600 11px Arial,sans-serif;letter-spacing:2.8px;color:var(--accent);display:flex;align-items:center;gap:12px;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:23px;height:1px;background:currentColor}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 25px;min-height:51px;border-radius:7px;background:var(--accent);box-shadow:0 3px 0 var(--accent-dark);color:#fff9ef;font-size:15px;font-weight:600;transition:transform .18s,background .18s}.primary-button:hover{transform:translateY(-2px);background:var(--accent-dark)}.primary-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-dark)}.primary-button:disabled{background:#d9cabb;box-shadow:none;transform:none;color:#fffdf8}.secondary-button{background:transparent;border:1px solid #d4c4b1;min-height:48px;padding:12px 20px;border-radius:7px;font-size:14px}.text-button{background:none;color:var(--muted);font-size:14px;padding:10px 0}.text-button:disabled{color:#b9b0a4}.intro{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;gap:30px;min-height:580px}.intro-copy{padding:5px 0 28px}.intro h1{font-family:'Songti SC','Noto Serif SC','STSong',serif;font-weight:700;font-size:62px;line-height:1.25;margin:23px 0}.intro h1 em{font-style:normal;color:var(--accent)}.intro-copy>p{font-size:16px;line-height:2;color:var(--muted);max-width:410px}.intro-meta{display:flex;gap:22px;margin:25px 0 28px;font-size:13px;color:#6d6257}.intro-meta span+span{border-left:1px solid var(--line);padding-left:22px}.intro-meta b{font-family:Georgia,serif;font-size:21px;color:var(--accent);font-weight:400;margin-right:5px}.intro-secondary{display:flex;gap:24px;align-items:center;margin-top:18px}.intro-secondary span{font-size:11px;color:var(--muted)}.intro-art{height:534px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:450px;height:450px;border:1px solid #dac8aa;border-radius:50%;top:32px;right:32px;opacity:.5}.art-orbit:after{content:'';position:absolute;inset:40px;border:1px dashed #ccb48f;border-radius:50%}.portrait-paper{position:absolute;border:1px solid #e3d6c3;background:#fffaf0;box-shadow:0 13px 35px #71532313;border-radius:9px;padding:12px 13px 18px;transform:rotate(-8deg);width:230px;left:0;top:85px}.portrait-paper:nth-of-type(3){transform:rotate(8deg);width:215px;left:auto;right:0;top:120px;z-index:1}.portrait-paper.main-portrait{transform:rotate(-1deg);width:270px;left:50%;margin-left:-135px;top:38px;z-index:2}.portrait-paper img{width:100%;height:300px;object-fit:contain;display:block;mix-blend-mode:multiply}.portrait-paper.main-portrait img{height:340px}.portrait-paper .paper-code{font:500 12px Georgia,serif;color:var(--accent);letter-spacing:3px;text-align:center;border-top:1px solid var(--line);padding-top:15px;margin:2px 4px 0}.portrait-paper .paper-caption{text-align:center;font-size:12px;color:var(--muted);margin-top:8px;letter-spacing:2px}.art-tag{position:absolute;right:10px;bottom:36px;z-index:3;background:var(--ink);color:#fff7e8;padding:13px 19px;border-radius:6px;transform:rotate(-5deg);font-size:12px;letter-spacing:2px}.art-tag span{color:#eac187;margin-right:9px}.intro-route{border-top:1px solid var(--line);padding:28px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:24px}.route-caption{font-size:12px;color:var(--muted);line-height:1.8}.route-caption strong{display:block;font-size:14px;color:var(--ink);font-weight:500}.route-dim{display:flex;align-items:center;gap:13px}.route-dim b{font:500 26px Georgia,serif;color:#bc9a6d}.route-dim span{font-size:13px;color:#6b5d4d}.route-dim small{display:block;font-size:10px;letter-spacing:1.3px;color:#9a8a76;margin-top:4px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:27px}.page-intro h1{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:13px 0 10px}.page-intro p{font-size:14px;color:var(--muted);line-height:1.8}.small-pill{padding:9px 14px;border:1px solid var(--line);border-radius:25px;font-size:12px;color:var(--muted);white-space:nowrap}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}.quiz-card{background:var(--white);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 6px 20px #644a2403}.card-progress{height:4px;background:#ece4d7}.card-progress span{height:100%;display:block;background:var(--gold);transition:width .3s}.question-inner{padding:29px 35px 30px;animation:arrive .3s ease}.question-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.chapter-chip{border:1px solid #e8d6bd;color:var(--accent);border-radius:5px;padding:7px 12px;background:#f9f0e2}.question-count{font:400 14px Georgia,serif}.question-count b{font-size:25px;color:var(--accent);font-weight:400;margin-right:5px}.question-title{font-size:25px;line-height:1.75;min-height:104px;margin:26px 0 18px;display:flex;align-items:center;font-weight:600;letter-spacing:-.25px}.question-title:focus{outline:none}.question-hint{font-size:13px;color:var(--muted);margin:0 0 19px;line-height:1.8}.answers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.answer{border:1px solid var(--line);background:#fffdf9;border-radius:8px;min-height:112px;padding:15px 4px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;transition:background .15s,transform .15s,border-color .15s}.answer:hover{border-color:#c69b6c;transform:translateY(-3px)}.answer.selected{background:#f5e6d2;border:2px solid var(--accent);color:var(--accent);padding:14px 3px}.answer-num{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#f3ede4;color:#aa957d;font:400 23px Georgia,serif}.selected .answer-num{background:var(--accent);color:#fff8ed}.answer-label{font-size:14px;line-height:1.5;font-weight:500}.mobile-break{display:none}.question-actions{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.question-actions .primary-button{font-size:14px;padding:13px 22px;min-height:47px}.quiz-bottom{font-size:11px;color:#9a8d7e;display:flex;justify-content:space-between;margin-top:17px;line-height:1.8}.quiz-bottom kbd{font:11px Arial,sans-serif;border:1px solid var(--line);padding:1px 4px;border-radius:3px;background:#fffaf2}.profile-choices{display:flex;flex-direction:column;gap:10px}.profile-choice{display:flex;align-items:center;gap:15px;width:100%;padding:14px 17px;border:1px solid var(--line);border-radius:7px;background:#fffdfa;text-align:left;min-height:54px;font-size:14px;line-height:1.7}.choice-key{font:400 17px Georgia,serif;color:#ad9374;border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.profile-choice.selected{border-color:var(--accent);background:#f5e6d2;color:var(--accent)}.profile-choice.selected .choice-key{background:var(--accent);border-color:var(--accent);color:white}.journey{border:1px solid var(--line);border-radius:12px;padding:22px 23px;background:#fcf8f0}.journey h2{font-size:14px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:22px}.journey h2 small{font:400 11px Georgia,serif;letter-spacing:1px;color:var(--muted)}.journey-station{display:flex;gap:14px;position:relative;padding-bottom:22px;align-items:center}.journey-station:last-child{padding-bottom:0}.journey-station:not(:last-child):before{content:'';position:absolute;left:13px;top:32px;height:15px;border-left:1px dashed #dac6a9}.station-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid var(--line);color:#ae9c83;font:400 11px Georgia,serif;border-radius:50%}.journey-station.active .station-number{color:#fff9ef;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #efdfc7}.journey-station.done .station-number{background:#e9e2d1;border-color:#e9e2d1;color:#8e7047}.journey-station h3{font-size:12px;font-weight:400;color:#ad9c88}.journey-station.active h3,.journey-station.done h3{color:#63523e}.journey-station p{font-size:10px;color:#a99477;margin-top:4px}.guide-art{position:relative;margin-top:20px;height:215px;overflow:hidden}.guide-art img{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply}.guide-quote{text-align:center;font-size:12px;color:var(--muted);line-height:1.9;padding:0 15px}.checkpoint{padding:47px 38px;text-align:center}.chapter-seal{border:1px solid #b58a54;outline:1px dashed #d6ba94;outline-offset:7px;display:grid;place-items:center;width:80px;height:80px;margin:9px auto 35px;border-radius:50%;font:400 30px Georgia,serif;color:var(--accent);background:#f7ead7;transform:rotate(-7deg)}.checkpoint .eyebrow{justify-content:center}.checkpoint .eyebrow:before{display:none}.checkpoint h2{font-size:26px;margin:20px 0 17px}.checkpoint p{font-size:14px;line-height:2;color:var(--muted);margin-bottom:24px}.checkpoint .text-button{display:block;margin:12px auto 0}.library-intro h1{font:700 43px 'Songti SC','STSong',serif;line-height:1.4}.library-note{max-width:260px;font-size:13px;line-height:1.9;color:var(--muted)}.type-group{margin-top:40px}.group-title{display:flex;align-items:center;gap:17px;margin-bottom:20px}.group-title h2{font-size:19px;font-weight:600}.group-title span{font-size:12px;color:var(--muted)}.group-title:before{content:'';width:5px;height:18px;background:var(--family);border-radius:2px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.type-card{display:block;padding:0;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .22s,box-shadow .22s}.type-card:hover{transform:translateY(-6px);box-shadow:0 12px 27px #64492312}.type-art{height:260px;position:relative;background:#faf5e9;padding:14px 8px 0;overflow:hidden}.type-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.type-card:hover img{transform:scale(1.04)}.type-code{position:absolute;z-index:1;left:17px;top:16px;font:400 12px Georgia,serif;letter-spacing:2px;color:var(--family)}.type-card-copy{padding:19px 20px 22px}.type-card h3{font-size:19px;font-weight:600;margin-bottom:9px}.type-card p{font-size:12px;line-height:1.8;color:var(--muted);min-height:43px}.card-explore{display:flex;justify-content:space-between;font-size:12px;color:var(--family);margin-top:17px}.library-return{display:flex;justify-content:center;margin-top:40px}.profile-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12px;color:var(--muted)}.profile-hero{display:grid;grid-template-columns:1fr 1.04fr;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden;min-height:470px}.profile-hero-copy{padding:43px 48px;display:flex;flex-direction:column;justify-content:center}.big-code{font:400 59px Georgia,serif;letter-spacing:5px;color:var(--accent);margin:22px 0 8px}.profile-hero h1{font:700 37px 'Songti SC','STSong',serif;letter-spacing:-1px;line-height:1.4}.type-original{font-size:15px;margin:10px 0 18px;color:var(--muted)}.profile-motto{font-size:15px;line-height:1.95;color:#7c6b57;max-width:380px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.tags span{font-size:11px;background:#f2e7d6;color:#9c7748;border-radius:4px;padding:7px 10px}.profile-art{background:#faf3e5;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.profile-art img{position:relative;width:100%;height:470px;object-fit:contain;mix-blend-mode:multiply;z-index:1;padding:10px}.character-stamp{position:absolute;bottom:23px;right:26px;border:1px solid #c3a277;border-radius:50%;width:69px;height:69px;display:grid;place-content:center;text-align:center;font:400 10px/1.8 Georgia,serif;letter-spacing:1px;color:#aa8053;transform:rotate(-12deg);z-index:2;background:#faf3e5b5}.profile-body{max-width:1050px;margin:35px auto 0}.voyage-card{padding:25px 29px;background:#f0e5d3;border:1px solid #e2d1b6;border-radius:10px;display:grid;grid-template-columns:175px 1fr auto;align-items:center;gap:28px;margin-bottom:35px}.voyage-label{font-size:11px;color:#98784d;letter-spacing:2px}.voyage-name{font:700 31px 'Songti SC','STSong',serif;letter-spacing:2px;margin-top:7px}.voyage-description{font-size:14px;color:#80694c;line-height:1.9}.voyage-track{display:flex;gap:6px;margin-top:14px}.voyage-track i{display:block;background:#ddceb7;height:4px;width:45px;border-radius:2px}.voyage-track i.filled{background:#ad7c42}.voyage-score{font:400 31px Georgia,serif;color:#98652f;white-space:nowrap}.voyage-score small{font-size:13px}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:23px;font-size:22px;font-weight:600}.section-label span{font:400 10px Arial,sans-serif;color:#aa8b62;letter-spacing:1.8px}.scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.score-card{border:1px solid var(--line);border-radius:9px;padding:20px;background:var(--white)}.score-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.score-letter{font:400 18px Georgia,serif;color:var(--accent);background:#f4e7d2;border-radius:4px;width:30px;height:30px;display:grid;place-items:center}.score-number{font:400 33px Georgia,serif;color:var(--accent);margin:18px 0 14px}.score-number small{font-size:16px;margin-left:3px}.score-bar{position:relative;height:5px;background:#eae2d5;border-radius:3px}.score-bar span{display:block;height:100%;background:#cba574;border-radius:3px}.score-bar:after{content:'';height:11px;position:absolute;left:65.714%;width:1px;top:-3px;background:#96764e}.score-caption{font-size:11px;margin-top:13px;display:flex;justify-content:space-between;color:var(--muted);gap:5px}.score-caption strong{font-weight:400;color:#8e6e45}.score-explanation{font-size:12px;line-height:1.9;color:#9a8c78;margin-top:16px}.profile-section{border-top:1px solid var(--line);padding-top:31px;margin-top:33px}.description{font-size:16px;line-height:2.1;color:#756959}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px}.trait-heading{font-size:20px;font-weight:600;margin-bottom:24px;display:flex;gap:10px;align-items:center}.trait-heading span{font:400 20px Georgia,serif;color:var(--accent)}.trait-item{margin-bottom:24px}.trait-item h3{font-size:15px;font-weight:600;margin-bottom:9px}.trait-item p,.teamwork{font-size:14px;line-height:2;color:#807360}.actions{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:action}.actions li{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:9px;font-size:14px;line-height:2;color:#7c6b55;counter-increment:action}.actions li:before{content:'0'counter(action);font:400 30px Georgia,serif;display:block;color:#b98b52;margin-bottom:15px}.services{padding:23px 26px;border:1px solid var(--line);border-radius:9px;margin-top:25px;background:#f5eddf}.services summary{cursor:pointer;font-size:15px;font-weight:500}.services p{font-size:14px;line-height:2;color:var(--muted);margin-top:17px}.company-profile{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.company-profile span{font-size:12px;color:#8b7456;background:#f0e8da;border-radius:5px;padding:8px 11px;line-height:1.7}.peer-note{font-size:12px;line-height:1.9;color:var(--muted)}.profile-disclaimer{font-size:12px;color:#9d8e7b;line-height:1.9;margin-top:26px}.profile-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;align-items:center;margin:31px 0 10px}.profile-tools{display:flex;justify-content:center;gap:28px;margin-top:22px}.profile-tools button{font-size:12px}.scoring-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}.scoring-table td,.scoring-table th{border-bottom:1px solid var(--line);padding:13px 8px;text-align:left;font-weight:400}.scoring-table th{color:var(--muted);font-size:12px}.loading{padding:60px;text-align:center;color:var(--muted)}dialog{max-width:660px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:13px;background:var(--white);padding:36px;max-height:86svh;overflow:auto;color:var(--ink);line-height:1.9}dialog::backdrop{background:#352b2280;backdrop-filter:blur(5px)}.dialog-close{background:none;position:absolute;right:15px;top:8px;font-size:28px;color:var(--muted)}dialog h2{font-size:26px;margin:17px 0}dialog h3{font-size:16px;margin:20px 0 10px}dialog p,dialog li{font-size:14px;color:#81715c;line-height:1.95}dialog .scoring-table{font-size:13px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#382c23;color:#fff9ee;padding:12px 20px;font-size:13px;border-radius:6px;z-index:20;line-height:1.6}#toast.visible{display:block}.result-celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8}.confetti{position:absolute;top:-12px;width:7px;height:12px;animation:confetti 1.8s ease-out forwards}@keyframes confetti{to{transform:translateY(95vh) rotate(400deg);opacity:0}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){#app{padding-top:55px}.intro{min-height:610px}.intro h1{font-size:69px}.intro-art{transform:scale(1.05)}}@media(max-width:1100px){.intro h1{font-size:52px}.intro-art{transform:scale(.9);transform-origin:center right}.intro{gap:5px;grid-template-columns:1fr 1fr}.portrait-paper{width:200px;left:-20px}.portrait-paper:nth-of-type(3){width:190px;right:-20px}.portrait-paper.main-portrait{width:240px;margin-left:-120px}.quiz-layout{gap:20px;grid-template-columns:minmax(0,1fr) 220px}.question-inner{padding:27px}.answer-label{font-size:12px}.journey{padding:20px 18px}.type-grid{gap:15px}.type-art{height:230px}.type-card-copy{padding:17px}.type-card h3{font-size:17px}.profile-hero-copy{padding:35px}.profile-hero h1{font-size:32px}.profile-body{padding:0 8px}.route-dim{gap:8px}.route-dim b{font-size:22px}.route-dim span{font-size:12px}.scores-grid{gap:12px}.score-card{padding:17px}}@media(max-width:800px){.brand span{display:none}.site-header{height:83px;padding:0 28px;gap:24px}.site-header nav{gap:24px}.site-header .nav-link{font-size:13px}#app,.site-footer{width:calc(100% - 48px)}.intro{grid-template-columns:1fr;gap:0;min-height:0}.intro-copy{padding:0;text-align:center}.intro .eyebrow{justify-content:center}.intro h1{font-size:48px;margin:18px 0}.intro-copy>p{max-width:430px;margin:auto;font-size:14px}.intro-meta,.intro-secondary{justify-content:center}.intro-art{transform:none;height:425px;max-width:520px;width:100%;margin:30px auto 0}.portrait-paper{width:180px;left:0;top:70px}.portrait-paper:nth-of-type(3){width:180px;right:0;top:80px}.portrait-paper.main-portrait{width:220px;margin-left:-110px;top:0}.portrait-paper img{height:225px}.portrait-paper.main-portrait img{height:265px}.art-tag{bottom:20px;right:25px}.art-orbit{width:350px;height:350px;right:70px;top:10px}.intro-route{flex-wrap:wrap;gap:20px}.route-caption{width:100%;display:flex;gap:10px;align-items:center;font-size:11px}.route-caption strong{font-size:13px}.quiz-layout{grid-template-columns:1fr}.quiz-sidebar{order:-1}.journey{padding:0;background:none;border:0}.journey h2,.journey-station p,.guide-art,.guide-quote{display:none}.journey-stations{display:flex;justify-content:space-between;gap:10px}.journey-station{padding:0;gap:8px}.journey-station:before{display:none}.journey-station h3{font-size:11px}.question-inner{padding:30px}.answer-label{font-size:14px}.question-title{min-height:98px}.type-grid{grid-template-columns:repeat(2,1fr);gap:18px}.type-art{height:285px}.profile-hero{grid-template-columns:1fr 1fr;min-height:400px}.profile-hero-copy{padding:30px}.big-code{font-size:47px;letter-spacing:4px}.profile-hero h1{font-size:29px}.profile-art img{height:400px}.profile-motto{font-size:13px}.type-original{font-size:13px}.tags{gap:6px}.tags span{font-size:10px;padding:6px 8px}.voyage-card{grid-template-columns:135px 1fr;gap:16px;padding:23px}.voyage-score{display:none}.scores-grid{grid-template-columns:repeat(2,1fr)}.traits-grid{gap:30px}.actions{gap:12px}.actions li{padding:20px}.keyboard-hint{display:none}.quiz-bottom{justify-content:center}}
@media(max-width:520px){.site-header{height:76px;padding:0 20px;gap:16px}.brand{font-size:29px}.site-header nav{gap:16px}.site-header .nav-link{font-size:12px}.nav-link span{display:none}.header-help{width:24px;height:24px;font-size:13px;flex-shrink:0}#app{width:calc(100% - 36px);padding:29px 0 38px}.intro h1{font-size:39px;line-height:1.27;margin:18px 0}.intro-copy>p{font-size:13px;line-height:1.9;max-width:320px}.eyebrow{font-size:9px;letter-spacing:2.1px}.intro-meta{gap:16px;margin:20px 0 24px;font-size:11px}.intro-meta b{font-size:19px}.intro-meta span+span{padding-left:16px}.intro-copy .primary-button{font-size:14px;padding:14px 25px}.intro-secondary{margin-top:15px;gap:16px}.intro-secondary .text-button{font-size:12px}.intro-secondary span{font-size:10px}.intro-art{margin-top:28px;height:365px}.portrait-paper{width:145px;left:3px;top:70px;padding:10px 7px 14px}.portrait-paper:nth-of-type(3){width:145px;right:3px;top:60px}.portrait-paper.main-portrait{width:188px;left:50%;margin-left:-94px;top:0}.portrait-paper img{height:180px}.portrait-paper.main-portrait img{height:228px}.portrait-paper .paper-code{font-size:10px;margin:0 5px;padding-top:10px}.portrait-paper .paper-caption{font-size:10px;letter-spacing:1px}.art-tag{font-size:10px;padding:10px 13px;right:10px;bottom:12px}.art-orbit{height:290px;width:290px;right:calc(50% - 145px)}.intro-route{gap:20px 0;padding-top:21px}.route-caption{font-size:10px;gap:8px}.route-caption strong{font-size:12px}.route-dim{width:50%;gap:12px}.route-dim b{font-size:23px}.route-dim span{font-size:12px}.route-dim small{font-size:9px}.page-intro{margin-bottom:22px}.page-intro h1{font-size:27px;margin-top:12px;line-height:1.45}.page-intro p{font-size:12px;line-height:1.9}.small-pill{display:none}.quiz-layout{gap:22px}.journey-stations{gap:7px}.station-number{width:23px;height:23px;font-size:10px}.journey-station{gap:6px}.journey-station h3{font-size:10px}.journey-station.active .station-number{box-shadow:0 0 0 3px #efdfc7}.question-inner{padding:22px 19px 25px}.question-title{font-size:21px;line-height:1.8;min-height:112px;margin:23px 0 16px}.chapter-chip{font-size:10px;padding:6px 9px}.question-count b{font-size:23px}.question-hint{font-size:12px;margin-bottom:17px}.answers{gap:6px}.answer{min-height:98px;gap:9px;padding:10px 2px}.answer.selected{padding:9px 1px}.answer-num{font-size:20px;width:29px;height:29px}.answer-label{font-size:12px;letter-spacing:-.4px}.mobile-break{display:block}.question-actions{margin-top:25px;padding-top:22px;gap:12px}.question-actions .primary-button{font-size:13px;padding:12px 17px;gap:18px}.question-actions .text-button{font-size:12px}.quiz-bottom{font-size:10px}.profile-choice{font-size:13px;padding:12px 14px;gap:13px}.choice-key{width:25px;height:25px;font-size:15px}.site-footer{width:calc(100% - 40px);font-size:10px;gap:15px;padding:19px 0 23px}.site-footer>span{max-width:155px}.site-footer button{font-size:10px;align-self:flex-start;white-space:nowrap}.checkpoint{padding:37px 25px}.checkpoint h2{font-size:23px}.checkpoint p{font-size:13px}.chapter-seal{height:70px;width:70px;font-size:27px}.library-intro h1{font-size:30px}.library-note{display:none}.group-title{gap:11px;margin-bottom:16px;flex-wrap:wrap}.group-title h2{font-size:18px}.group-title span{font-size:10px}.type-group{margin-top:29px}.type-grid{gap:12px}.type-art{height:203px;padding:13px 2px 0}.type-code{left:12px;top:13px;font-size:10px;letter-spacing:1.7px}.type-card-copy{padding:15px 13px 17px}.type-card h3{font-size:16px;margin-bottom:7px}.type-card p{font-size:11px;min-height:40px}.card-explore{font-size:10px;margin-top:12px}.profile-topbar{font-size:10px;margin-bottom:18px}.profile-topbar .text-button{font-size:12px}.profile-hero{grid-template-columns:1fr;min-height:0}.profile-hero-copy{padding:29px}.profile-hero h1{font-size:33px}.big-code{font-size:50px;margin:19px 0 10px}.type-original{font-size:14px;margin:10px 0 15px}.profile-motto{font-size:14px}.profile-art{height:345px}.profile-art img{height:345px;padding:5px}.character-stamp{width:57px;height:57px;bottom:18px;right:21px;font-size:8px}.profile-body{margin-top:26px;padding:0 2px}.voyage-card{gap:13px;padding:20px;grid-template-columns:98px 1fr;margin-bottom:27px}.voyage-name{font-size:28px}.voyage-label{font-size:10px;letter-spacing:1px}.voyage-description{font-size:12px;line-height:1.9}.voyage-track i{width:29px}.section-label{font-size:20px;gap:11px;margin-bottom:20px}.section-label span{font-size:9px;letter-spacing:1px}.scores-grid{gap:10px}.score-card{padding:16px}.score-top{font-size:12px}.score-letter{font-size:16px;width:25px;height:25px}.score-number{font-size:30px;margin:15px 0 12px}.score-caption{font-size:10px;gap:4px;line-height:1.7;flex-wrap:wrap}.score-explanation{font-size:11px}.profile-section{margin-top:26px;padding-top:25px}.description{font-size:14px}.traits-grid{grid-template-columns:1fr;gap:5px}.trait-heading{font-size:18px;margin-bottom:20px}.trait-item h3{font-size:14px}.trait-item p,.teamwork{font-size:13px}.actions{grid-template-columns:1fr;gap:13px}.actions li{padding:21px;font-size:13px}.actions li:before{font-size:26px;margin-bottom:11px}.services{padding:20px}.services summary{font-size:14px}.services p{font-size:13px}.company-profile span{font-size:11px}.peer-note,.profile-disclaimer{font-size:11px}.profile-buttons{gap:12px}.profile-buttons .primary-button,.profile-buttons .secondary-button{font-size:12px;padding:12px 17px;min-height:46px;gap:14px}.profile-tools{gap:24px}.profile-tools button{font-size:11px}.scoring-table{font-size:12px}.scoring-table td,.scoring-table th{padding:12px 5px}dialog{padding:30px 23px}dialog h2{font-size:23px}dialog p,dialog li{font-size:13px}}@media(max-width:350px){.site-header{gap:10px;padding:0 16px}.site-header nav{gap:13px}.header-help{display:none}.intro h1{font-size:35px}.portrait-paper{left:-1px;width:134px}.portrait-paper:nth-of-type(3){right:-1px;width:134px}.portrait-paper.main-portrait{width:176px;margin-left:-88px}.type-art{height:176px}.question-title{font-size:20px}.journey-station h3{font-size:9px}.station-number{width:21px;height:21px}.answer-label{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}