@charset "UTF-8";
:root{--paper:#f6f3eb;--ink:#242a28;--muted:#62665e;--line:#d7d8ca;--green:#304e3d;--yellow:#f2c653;--orange:#e77752;--lilac:#b9acd6;--blue:#95bac9;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;font-size:16px;line-height:1.55}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #304e3d;outline-offset:5px}button,input{border-radius:8px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:30px}p{margin-bottom:16px}[hidden]{display:none!important}.site-shell{max-width:1300px;margin:auto;padding:0 56px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:23px;letter-spacing:-.7px;font-weight:700}.brand-dot{font-weight:400}.brand-mark{display:flex;width:38px;height:30px;align-items:flex-end;gap:3px;margin-right:9px}.brand-mark i{width:10px;background:var(--green);height:25px}.brand-mark i:first-child{height:18px;border-radius:12px 12px 0 0;background:var(--orange)}.brand-mark i:nth-child(2){height:30px;background:var(--yellow);border-radius:12px 12px 0 0}.header-note{font-size:13px;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:center;padding:65px 0 62px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.6}.eyebrow span{display:inline-block;margin-left:15px;padding:4px 9px;border:1px solid var(--line);border-radius:5px;letter-spacing:.3px;font-weight:400}.hero h1{font-size:clamp(37px,4.2vw,57px);font-weight:700;line-height:1.09;margin:24px 0}.hero h1>span{color:var(--green)}.hero-description{font-size:15px;color:var(--muted);line-height:1.8}.hero-tags{display:flex;gap:25px;margin-top:26px;font-size:12px}.hero-tags b{margin-right:7px;font-size:19px;font-weight:400}.hero-art{height:285px;max-width:370px;position:relative;isolation:isolate;margin-left:auto;width:100%}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#dedfd3 1px,transparent 1px),linear-gradient(90deg,#dedfd3 1px,transparent 1px);background-size:38px 38px;opacity:.55;mask-image:linear-gradient(100deg,transparent,#000 30%,#000 80%,transparent)}.art-circle{position:absolute;width:139px;height:139px;top:0;left:13%;border-radius:50%;background:var(--yellow)}.art-arch{position:absolute;right:8%;top:25px;background:var(--orange);width:126px;height:189px;border-radius:90px 90px 0 0;transform:rotate(16deg)}.art-square{position:absolute;width:133px;height:130px;left:9%;top:125px;background:var(--green);border-radius:0 0 0 70px;transform:rotate(-9deg)}.art-small-circle{position:absolute;right:14%;bottom:19px;background:var(--lilac);width:80px;height:80px;border-radius:50%}.art-stripes{position:absolute;top:138px;left:43%;width:80px;height:80px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 11px);transform:rotate(15deg)}.art-star{position:absolute;right:0;top:0;font-size:65px;line-height:1}.art-caption{position:absolute;font-size:8px;letter-spacing:1.8px;bottom:-17px;right:20px}.atelier-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.atelier-heading .eyebrow{color:var(--muted);margin-bottom:9px}.atelier-heading h2{margin-bottom:0;font-size:29px}.atelier-heading>p{font-size:12px;color:var(--muted);margin-bottom:3px}.module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.module-card{text-align:left;position:relative;padding:22px 18px 17px;min-height:237px;border:1px solid transparent;background:var(--card-bg);border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.module-card:hover{transform:translateY(-5px)}.module-card[aria-pressed="true"]{box-shadow:0 0 0 3px var(--ink);transform:translateY(-4px)}.module-card .card-number{font-size:10px;letter-spacing:1px;opacity:.7}.card-symbol{height:65px;display:flex;align-items:center;font-size:45px;font-family:Georgia,serif;letter-spacing:-4px;margin:6px 0 12px;line-height:1}.module-card h3{font-size:20px;margin-bottom:8px;letter-spacing:-.5px}.module-card p{font-size:12px;line-height:1.5;margin-bottom:18px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.2px}.card-arrow{border:1px solid #242a2855;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:16px}.module-card[aria-pressed="true"] .card-arrow{background:var(--ink);color:white}.start-panel{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-top:30px}.alias-field{display:flex;flex-direction:column;gap:8px}.alias-field label{font-size:13px;font-weight:700}.alias-field label span{font-weight:400;color:var(--muted)}input[type="text"]{background:#fffdf7;border:1px solid #b7bcaf;padding:12px 15px;color:var(--ink);min-height:48px;width:100%}.alias-field input{max-width:340px}.alias-field small{font-size:10px;color:var(--muted)}.start-action{text-align:right}.start-action p{font-size:12px;margin-bottom:10px;color:var(--muted)}.button{min-height:48px;border:1px solid transparent;font-weight:700;font-size:14px;padding:13px 23px;display:inline-flex;justify-content:center;align-items:center;gap:22px;transition:filter .15s,transform .15s}.button:not(:disabled):hover{filter:brightness(.94);transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.dark{background:var(--ink);color:white}.secondary{background:transparent;border-color:#a9afa0}.start-action .button{min-width:200px}.text-button{border:0;background:transparent;font-size:13px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.exercise-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:30px 0}.pill{font-size:12px;border:1px solid var(--line);padding:7px 14px;border-radius:25px}.question-shell{max-width:850px;background:#fffdf7;border:1px solid var(--line);border-radius:26px;margin:12px auto 0;padding:40px 48px}.question-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px}.question-meta .eyebrow{margin-bottom:15px}progress{width:100%;height:7px;display:block;appearance:none;border:0;border-radius:8px;background:#e5e7dc;color:var(--green)}progress::-webkit-progress-bar{background:#e5e7dc;border-radius:8px}progress::-webkit-progress-value{background:var(--green);border-radius:8px}progress::-moz-progress-bar{background:var(--green);border-radius:8px}.question-heading-row{margin-top:36px}.question-symbol{color:var(--orange);font-size:42px}.question-heading-row h1{font-size:32px;line-height:1.3;margin:12px 0 24px;white-space:pre-line;overflow-wrap:anywhere}.answer-hint{font-size:13px;color:var(--muted)}.answer-label{font-size:13px;display:block;margin:24px 0 8px;font-weight:700}.answer-row{display:flex;gap:14px;align-items:stretch}.answer-input-wrap{display:flex;align-items:center;flex:1;min-width:0;position:relative}.answer-input-wrap input{font-size:25px;padding-right:75px;min-width:0}.answer-input-wrap span{position:absolute;right:17px;color:var(--muted);font-size:14px;max-width:65px;overflow-wrap:anywhere}.feedback{margin-top:30px;border-radius:14px;padding:24px;background:#e5eddf;border-left:4px solid var(--green)}.feedback.incorrect{background:#fbebd6;border-color:#ba6d32}#feedback-title{font-size:19px;font-weight:700;margin-bottom:8px}#feedback-explanation{font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.feedback .button{margin-top:5px}.gentle-note{text-align:center;font-size:12px;color:var(--muted);margin:24px 0 50px}.result-header{text-align:center;max-width:750px;margin:45px auto}.result-flower{font-size:80px;color:var(--orange);line-height:1.2}.result-header h1{font-size:48px;margin:15px 0}.result-header>p:not(.eyebrow){color:var(--muted)}.result-score{display:flex;align-items:center;justify-content:center;gap:17px;margin:25px 0 30px}.result-score>strong{font-size:80px;line-height:1;color:var(--green);letter-spacing:-5px}.result-score>span{max-width:70px;line-height:1.4;text-align:left}.result-actions{display:flex;justify-content:center;gap:13px}.review-heading{border-top:1px solid var(--line);padding-top:30px}.review-heading h2{font-size:25px;margin-bottom:10px}.review-heading p{font-size:13px;color:var(--muted)}.review-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:review}.review-item{padding:20px;background:#fffdf7;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.review-item h3{font-size:15px;letter-spacing:0;line-height:1.45;margin-bottom:10px}.review-item p{font-size:13px;margin-bottom:8px;white-space:pre-line}.review-item .review-status{font-size:11px;font-weight:700;color:var(--green)}.review-item.wrong .review-status{color:#965019}.review-item .review-explanation{color:var(--muted);font-size:12px;margin-bottom:0}.error-box{margin:20px 0;padding:18px 22px;border:1px solid #ad4c32;border-radius:12px;background:#ffebe1;color:#7c2e1c}.error-box p{margin:0}footer{display:grid;grid-template-columns:1fr .85fr 1fr;gap:35px;padding:33px 0 30px;margin-top:28px;align-items:start}footer strong{font-size:12px}footer p{font-size:11px;color:var(--muted);margin:5px 0}.privacy{font-size:11px}.privacy summary{cursor:pointer;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.privacy .text-button{font-size:11px}.music-player{padding:14px 16px;border:1px solid var(--line);border-radius:13px;max-width:320px;margin-left:auto;width:100%}.music-top{display:flex;align-items:center;gap:12px}.music-top>div{display:flex;flex:1;flex-direction:column}.music-top strong{font-size:11px}.music-top span:not(.music-icon){font-size:10px;color:var(--muted)}.music-icon{font-size:24px}.music-top button{border:1px solid var(--line);border-radius:50%;background:transparent;width:40px;height:40px;flex-shrink:0}.volume-label{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-top:8px}.volume-label input{width:100%;accent-color:var(--green);min-height:25px}.music-player p:empty{display:none}dialog{max-width:490px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);padding:32px}dialog::backdrop{background:#192b2380;backdrop-filter:blur(4px)}dialog h2{font-size:29px;margin:12px 0}dialog p{font-size:14px}.dialog-symbol{font-size:38px;color:var(--green)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}#cancel-error{color:#8d3520;margin:15px 0 0}.skip-link{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:15px}.loading{padding:30px 0;color:var(--muted)}
@media(min-width:1450px){.site-shell{padding-top:15px}.hero{padding:80px 0}.hero-art{height:300px}}@media(max-width:1050px){.site-shell{padding:0 30px}.hero{grid-template-columns:1.6fr 1fr;gap:20px}.hero h1{font-size:43px}.hero-art{transform:scale(.88);transform-origin:right center}.module-grid{gap:9px}.module-card{padding:19px 12px;min-height:235px}.module-card h3{font-size:18px}.atelier-heading>p{display:none}.hero-tags{gap:14px}footer{gap:20px}.header-note{font-size:11px}}@media(max-width:760px){.site-shell{padding:0 22px}.site-header{height:85px}.brand{font-size:20px}.header-note{display:none}.hero{padding:40px 0;grid-template-columns:1fr;position:relative;overflow:hidden}.hero h1{font-size:43px;max-width:530px}.hero-art{display:none}.hero-description{max-width:500px}.eyebrow span{margin-left:8px}.hero-tags{gap:22px;flex-wrap:wrap}.atelier-heading h2{font-size:27px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.module-card{padding:19px;min-height:225px}.module-card h3{font-size:22px}.module-card:last-child{grid-column:1/-1;min-height:180px;padding-left:110px}.module-card:last-child .card-symbol{position:absolute;left:22px;top:36px}.module-card:last-child .card-number{margin-bottom:15px}.module-card:last-child p{max-width:300px}.start-panel{align-items:stretch;flex-direction:column;gap:20px}.alias-field input{max-width:none}.start-action{text-align:left}.start-action .button{width:100%}.question-shell{padding:26px 23px;margin-top:0}.question-heading-row h1{font-size:26px}.answer-row{flex-direction:column}.answer-row .button{width:100%}.question-meta{font-size:11px}.question-meta .eyebrow{font-size:10px}.review-list{grid-template-columns:1fr}.result-header h1{font-size:39px}.result-actions{flex-direction:column}.result-header{margin-top:25px}footer{grid-template-columns:1fr 1fr;gap:24px}.privacy{grid-row:2;grid-column:1/-1}.music-player{grid-column:2;grid-row:1}.desktop-break{display:none}}@media(max-width:420px){.site-shell{padding:0 17px}.hero h1{font-size:36px}.hero-tags{gap:8px 17px;font-size:11px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.module-card{padding:16px;min-height:230px}.module-card h3{font-size:20px}footer{grid-template-columns:1fr}.music-player{grid-column:1;grid-row:2;max-width:none}.privacy{grid-row:3}.question-shell{padding:22px 17px}.exercise-top{padding:22px 0}.question-meta{flex-wrap:wrap;gap:0}.question-meta span{margin-bottom:12px}.dialog-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.site-header,footer,.result-actions,.exercise-top,.start-panel,.hero-art{display:none}.site-shell{padding:0}.review-list{display:block}.review-item{break-inside:avoid;margin-bottom:12px}}