@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#24383f;--muted:#677b82;--line:#38576624;--blue:#426f87;--yellow:#f7db80;--paper:#fffef9;--font:'Plus Jakarta Sans','Noto Sans SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--font);background:radial-gradient(ellipse 65% 590px at 95% 9%,#fff8dbb5,transparent),linear-gradient(180deg,#cde8f5 0,#e6f1f3 660px,#f3f3e8 1200px,#f8f5eb 2000px,#f2f1e5 100%);font-size:14px;line-height:1.7}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #397c9e}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}::selection{background:#f5df9e}header{height:77px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff7;background:#f7fbfc67;backdrop-filter:blur(20px);position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center}.brand-icon{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:39px;line-height:1;position:relative}.brand-icon span{font-size:24px;color:#bc9446;position:absolute;right:-9px;top:-6px}.brand strong{font-size:18px;letter-spacing:-.6px}.brand strong>span{font-size:10px;font-weight:400;display:block;letter-spacing:2px;color:var(--muted)}header nav{display:flex;gap:32px;align-items:center;font-size:12px}header nav button{padding:8px 0}header nav a:hover,header nav button:hover{color:#146789}#saved-count{padding:2px 6px;background:#ffffff85;border-radius:5px;font-size:10px;margin-left:3px}.edition{font-size:9px;letter-spacing:1.6px;color:#5a7785}.hero{max-width:1390px;margin:auto;position:relative;min-height:725px;padding:38px 7% 90px;isolation:isolate}.hero-caption{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#547789}.hero-caption>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}.green-dot{background:#6b9682;width:6px;height:6px;border-radius:50%}.hero-title{position:relative;margin-top:65px;width:55%;z-index:2}.hand{font-family:'Caveat','KaiTi',cursive;font-weight:500}.intro{font-size:29px;display:block;transform:rotate(-6deg);color:#567f92;margin-left:5px;width:fit-content}h1{font-size:clamp(52px,5.45vw,78px);letter-spacing:-5px;line-height:1.4;font-weight:900;margin:16px 0 22px;color:#24363c}.title-paper{display:inline-block;position:relative;background:#fffdf8;padding:0 12px 3px;margin-left:6px;transform:rotate(-3deg);border:1.5px solid #4c6c76;line-height:1.2;box-shadow:6px 7px 0 #8eacb018}.title-paper:after{content:'';height:13px;background:#efcf73b3;position:absolute;left:12px;right:12px;bottom:10px;z-index:-0;mix-blend-mode:multiply}.title-paper i{position:absolute;width:6px;height:6px;background:#d9edf4;border:1px solid #527687}.title-paper i:nth-child(1){left:-4px;top:-4px}.title-paper i:nth-child(2){right:-4px;top:-4px}.title-paper i:nth-child(3){left:-4px;bottom:-4px}.title-paper i:nth-child(4){right:-4px;bottom:-4px}.period{color:#668c9b;margin-left:7px}.hero-title>p{font-size:15px;line-height:2.1;color:#607980;letter-spacing:1px}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px}.primary{background:#283e47;color:#fffdf4;padding:13px 22px;border-radius:7px;font-size:12px;box-shadow:0 6px 15px #29444b15;display:inline-flex;gap:30px;align-items:center;transition:.25s}.primary:hover{background:#3c6170;transform:translateY(-3px)}.primary span{font-size:18px}.text-button{font-size:12px}.text-button span{font-size:22px;margin-left:12px}.hero-numbers{display:flex;gap:19px;margin-top:27px;color:#758a8c;font-size:10px;letter-spacing:.2px}.hero-numbers b{font-weight:600;color:#4d6c75}.hero-numbers>span+span{padding-left:17px;border-left:1px solid #7d989a44}.scrapbook{position:absolute;width:44%;right:5%;top:145px;height:460px}.paper{background:#fffef9;padding:16px;box-shadow:0 17px 32px #3e68721a,0 2px 3px #314d4b0a;border:1px solid #ffffffd9;position:absolute;transition:transform .4s}.paper:hover{transform:rotate(0deg) translateY(-5px)}.city-paper{width:82%;top:8px;left:2%;transform:rotate(6deg)}.paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#718384;margin-bottom:9px}.paper-top span{font-size:14px}.paper img{display:block;width:100%;height:215px;object-fit:contain;background:#fff}.paper-bottom{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px}.paper-bottom strong{font-family:'Caveat',cursive;font-size:23px;font-weight:600;color:#3a5a64}.paper-bottom>span{font-size:9px;color:#83918c}.tape{position:absolute;left:40%;top:-12px;width:82px;height:25px;background:#d7dfb8b8;transform:rotate(-5deg);clip-path:polygon(2% 0,98% 4%,100% 88%,95% 100%,0 90%,3% 35%);z-index:1}.fruit-paper{width:49%;top:246px;left:45%;transform:rotate(-9deg);padding:12px;z-index:1}.fruit-paper img{height:138px}.fruit-paper .paper-bottom strong{font-size:20px}.word-note{position:absolute;left:-7%;top:296px;background:#f7e6a7;padding:19px 24px 15px;width:220px;transform:rotate(-7deg);box-shadow:3px 9px 14px #8c865616;z-index:2}.word-note>span{font-size:7px;letter-spacing:1.8px;color:#8b835d}.word-note b{display:block;font-size:27px;font-family:Georgia,serif;font-weight:normal;margin-top:5px;color:#4d5d54}.word-note p{font-size:11px;margin:0 0 6px;color:#7a7c65}.word-note small{font-size:8px;color:#9b977e}.hero-spark{position:absolute;right:6%;top:-35px;font-size:62px;line-height:1;color:#ce9f4d;transform:rotate(12deg)}.side-note{position:absolute;left:-9%;top:202px;font-size:24px;line-height:1;color:#5c7e8b;transform:rotate(-12deg)}.doodle-arrow{position:absolute;left:19%;bottom:-14px;width:90px;color:#6c919b;transform:rotate(-20deg)}.scroll-note{position:absolute;bottom:28px;left:7%;font-size:8px;letter-spacing:2px;color:#758c91;display:flex;align-items:center;gap:17px}.scroll-note span{font-size:22px}.cloud{position:absolute;z-index:-1;width:700px;height:160px;filter:blur(16px);border-radius:50%;background:radial-gradient(ellipse at 30% 60%,#ffffffbd,transparent 65%),radial-gradient(ellipse at 65% 30%,#ffffffa3,transparent 63%);pointer-events:none;animation:drift 22s ease-in-out infinite alternate}.cloud-one{left:-28%;top:200px;transform:rotate(-10deg)}.cloud-two{right:-18%;top:50px;opacity:.65;animation-delay:-12s}@keyframes drift{to{translate:45px 14px}}.learning-strip{max-width:1130px;margin:10px auto 0;padding:24px 30px;background:#ffffff59;border:1px solid #fff9;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 9px 26px #5a737306}.learning-strip>div:first-child{display:flex;align-items:center;gap:18px}.strip-star{font-size:39px;color:#b79e67}.learning-strip b{font-size:13px;font-weight:600}.learning-strip p{margin:3px 0 0;font-size:10px;color:#80908c}.mini-stats{display:flex;align-items:center;gap:26px}.mini-stats>span{font-size:10px;color:#87928a}.mini-stats>span b{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;line-height:1.4;font-weight:500;color:#57746f}.mini-stats button{font-size:11px;padding:11px 15px;border:1px solid #849b8745;border-radius:6px;margin-left:12px}.mini-stats button span{margin-left:20px}.mini-stats button:hover{background:#fff9}.library{max-width:1130px;margin:92px auto 0;padding-bottom:50px}.section-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#859187}h2{font-size:29px;font-weight:700;letter-spacing:-1px;line-height:1.6;margin:10px 0}h2>span{font-size:25px;margin-left:12px;color:#a7af83;display:inline-block;transform:rotate(10deg)}.section-heading p{font-size:12px;color:#8b9488;margin:10px 0}.heading-note{font-size:32px;color:#8b9c85;transform:rotate(-7deg);margin-right:22px}.library-tools{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tabs{display:flex;flex-wrap:wrap;gap:7px}.tabs button{font-size:11px;padding:9px 14px;border-radius:6px;white-space:nowrap;transition:.2s}.tabs button.active{background:#344d49;color:#fffef3}.tabs button:not(.active):hover{background:#e0e7d8}.search{background:#ffffff85;border:1px solid #6b846f22;padding:8px 12px;display:flex;gap:7px;align-items:center;border-radius:7px;min-width:260px}.search>span{font-size:25px;line-height:1;color:#778d80}.search input{width:100%;background:none;border:0;font-size:10px;min-width:0;padding:4px}.search input:focus{outline:none}.search:focus-within{outline:2px solid #8ca99a}.search kbd{font-size:10px;background:#eff0e9;padding:0 5px;color:#9aa193;border:1px solid #d9dfd3;border-radius:3px}.result-line{display:flex;align-items:center;gap:12px;margin:24px 0 17px;color:#8e9889;font-size:9px;letter-spacing:.5px}.library-hint{margin-left:auto}#clear-filters{font-size:10px;color:#5e8370}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 26px}.scene-card{position:relative;text-align:left;display:flex;flex-direction:column;background:#fffef9d9;padding:11px 11px 17px;border:1px solid #dedfd27d;border-radius:4px;box-shadow:0 5px 15px #60705c06;transition:transform .3s,box-shadow .3s}.scene-card:nth-child(3n+1){rotate:-.7deg}.scene-card:nth-child(3n+3){rotate:.6deg}.scene-card:hover{transform:translateY(-7px);box-shadow:0 12px 25px #4a604715;rotate:0deg}.card-visual{position:relative;width:100%;height:202px;background:var(--tint,#f1f1e8);padding:14px;overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.scene-card:hover img{transform:scale(1.035)}.card-tag{position:absolute;top:9px;left:9px;background:#fffffff0;padding:2px 7px;border:1px solid #e0e4d3;font-size:8px;letter-spacing:.5px;z-index:1}.card-num{position:absolute;right:12px;top:9px;font-size:9px;color:#708570}.card-copy{padding:15px 7px 0}.card-copy>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card-copy h3{font-size:19px;line-height:1.3;margin:0;font-weight:650;letter-spacing:-.7px}.card-copy .card-zh{font-size:10px;color:#8b9282;flex-shrink:0}.card-examples{font-size:10px;color:#8c978a;margin:9px 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:290px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e9df;padding-top:10px;font-size:9px;color:#8c9885}.card-footer b{font-weight:500;color:#657e69}.card-footer>span:last-child{font-size:18px;line-height:1;color:#5c7969}.card-progress{height:2px;background:#e7ecdf;margin-top:9px}.card-progress>span{display:block;height:100%;background:#9eb492}.load-more{display:block;margin:40px auto 0;padding:11px 32px;border:1px solid #bcc5b2;border-radius:5px;font-size:11px;color:#75836d}.load-more:hover{background:#fff8}.load-more>span{margin-left:35px}.closing{text-align:center;margin:50px auto 70px}.closing>.hand{font-size:36px;color:#7a927c}.closing p{font-size:12px;color:#8a9483;line-height:2;margin:14px 0 20px}.closing a{font-size:9px;color:#7c8d79;border-bottom:1px solid #9baa8e;padding-bottom:5px}footer{max-width:1250px;margin:auto;border-top:1px solid #83907629;display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:30px 30px 22px}footer>.brand strong{font-size:14px}footer>.brand .brand-icon{font-size:28px}footer>.brand .brand-icon span{font-size:17px}footer>span{font-size:9px;color:#8d9686}footer>div{margin-left:auto;display:flex;gap:18px;font-size:9px;color:#6c816b}footer>div button{font-size:9px;padding:0}footer small{width:100%;text-align:center;font-size:8px;color:#9aa18d}.empty{text-align:center;padding:70px 20px;color:#7b8e7a}.empty>span{font-size:50px}.empty h3{font-size:19px}.empty p{font-size:12px}.word-results{background:#fff9;border:1px solid #d9dfcf;border-radius:8px;padding:8px 20px}.word-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1fr) auto;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #dee5d6}.word-row:last-child{border:0}.word-row>button{text-align:left;font-weight:600;font-size:13px}.word-row>span{color:#7c8c77;font-size:12px}.word-row small{display:block;font-size:9px;color:#929e8b;font-weight:400;margin-top:3px}.word-row .icon-button{font-size:19px;text-align:center;width:36px;height:36px}.icon-button.saved{color:#a88a40}dialog{width:min(1080px,94vw);max-height:89vh;padding:0;border:1px solid #dae1d6;border-radius:15px;background:#fafaf2;color:var(--ink);box-shadow:0 25px 100px #223c4550}dialog::backdrop{background:#233f4c70;backdrop-filter:blur(9px)}body.dialog-open{overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:25px 32px 18px;border-bottom:1px solid #dde3d5;background:#fafaf2;position:sticky;top:0;z-index:4}.dialog-header h2{font-size:25px;margin:3px 0 0}.close{font-size:29px;width:44px;height:44px;line-height:1;border-radius:50%;background:#edf0e5;color:#66816b}.close:hover{background:#e0e8d6}.study-toolbar{padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e6da}.study-toolbar>div{display:flex;gap:6px}.study-toolbar button{padding:7px 12px;font-size:11px;border-radius:5px}.study-toolbar button.active{background:#38584e;color:#fff}#hide-meaning{border:1px solid #c2cdb7}.study-layout{display:grid;grid-template-columns:43% 1fr;gap:25px;padding:26px 32px}.scene-picture{position:sticky;top:115px;align-self:start}.scene-picture img{display:block;width:100%;max-height:450px;object-fit:contain;background:#fff;cursor:zoom-in}.scene-picture p{font-size:10px;color:#81917d;line-height:1.8}.scene-picture a{border-bottom:1px solid #9caf91}.scene-picture.fullscreen-image img{max-height:none}.word-list .word-row{grid-template-columns:1fr auto;padding:13px 0;gap:5px}.word-list .word-en{font-size:12px;font-weight:600;line-height:1.7}.word-list .word-zh{display:block;font-size:11px;color:#849078;font-weight:400;margin-top:4px}.word-controls{display:flex;gap:2px;align-items:center}.word-controls button{width:32px;height:32px;border-radius:50%;font-size:17px}.word-controls button:hover{background:#e5ecdb}.word-controls button.mastered{color:#63926b;background:#e0ebd8}.word-controls button.saved{color:#b19648}.masked .word-zh{filter:blur(6px);user-select:none}.masked .word-zh:hover,.masked .word-zh:focus{filter:none}.study-caption{font-size:10px;color:#809079;display:flex;justify-content:space-between;margin-bottom:10px}.flash-wrap{max-width:680px;margin:auto;padding:25px 35px 35px;text-align:center}.flash-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#83927a}.flash-top a{border-bottom:1px solid #a9b8a0}.flash-progress{height:3px;background:#e4e9dc;margin:13px 0 20px}.flash-progress span{display:block;height:100%;background:#99b18e}.flashcard{background:#fffef9;border:1px solid #dfe3d7;border-radius:8px;min-height:245px;width:100%;padding:40px 26px;box-shadow:0 10px 30px #53654a09;display:flex;flex-direction:column;justify-content:center;align-items:center}.flashcard small{font-size:9px;letter-spacing:1px;color:#9aa38d}.flashcard strong{display:block;font-size:28px;line-height:1.6;margin:14px 0;overflow-wrap:anywhere;font-weight:600}.flashcard .answer{font-size:19px;color:#6f8968;margin-top:10px}.flashcard .flip-hint{font-size:10px;color:#98a28b;margin-top:10px}.flash-grade{display:flex;justify-content:center;gap:15px;margin-top:22px}.flash-grade button{border:1px solid #c6d2ba;border-radius:6px;padding:12px 25px;font-size:12px}.flash-grade .know{background:#405f50;color:#fff;border-color:#405f50}.flash-navigation{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8c9880;margin-top:23px}.flash-navigation button{padding:8px}.completed{padding:50px 20px;text-align:center}.completed>span{font-size:55px;color:#b7a369}.completed h3{font-size:25px}.completed p{font-size:12px;color:#899780}.completed button{margin-top:15px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#29493e;color:#fff;border-radius:8px;padding:11px 21px;font-size:12px;transition:.25s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-left:130px;padding-right:130px}.hero-title{margin-top:70px}.scrapbook{right:7%}}
@media(max-width:1200px){.learning-strip,.library{margin-left:6%;margin-right:6%}.library-tools{align-items:stretch;flex-direction:column}.search{max-width:400px}.hero-title{width:57%}.scrapbook{right:3%;width:40%;top:170px}.paper img{height:175px}.fruit-paper{top:220px;width:54%;left:40%}.word-note{top:265px;left:-11%;width:190px;padding:15px 18px}.side-note{font-size:21px;top:180px}.hero{min-height:720px}.edition{display:none}}
@media(max-width:760px){header{padding:0 6%;height:70px}.brand strong{font-size:16px}.brand strong>span{font-size:8px}header nav{gap:15px;font-size:10px}header nav a{display:none}header nav button{font-size:10px}header nav button:last-child{display:none}.hero{padding:26px 7% 80px;min-height:1050px}.hero-caption{font-size:7px;letter-spacing:1.3px}.hero-caption>span:last-child{font-size:7px;letter-spacing:.1px}.hero-title{margin-top:44px;width:100%}.intro{font-size:25px}h1{font-size:clamp(48px,10.7vw,73px);letter-spacing:-3px;line-height:1.5;margin:12px 0 18px}.hero-title>p{font-size:12px;line-height:2}.hero-actions{margin-top:22px;gap:17px}.primary{font-size:11px;padding:12px 17px;gap:20px}.text-button{font-size:11px}.hero-numbers{font-size:8px;gap:12px;margin-top:20px}.hero-numbers>span+span{padding-left:12px}.scrapbook{width:74%;right:9%;top:555px;height:370px}.city-paper{width:86%;left:0;top:0}.paper img{height:172px}.fruit-paper{top:170px;left:49%;width:55%;padding:9px}.fruit-paper img{height:117px}.fruit-paper .paper-bottom strong{font-size:17px}.fruit-paper .paper-bottom>span{font-size:8px}.word-note{top:240px;left:-10%;width:180px;padding:12px 15px}.word-note b{font-size:24px}.side-note{top:194px;left:-10%;font-size:20px}.hero-spark{top:-30px;right:0;font-size:46px}.doodle-arrow{display:none}.scroll-note{bottom:17px}.learning-strip{padding:20px;display:block;margin-top:0}.learning-strip>div:first-child{gap:12px}.learning-strip b{font-size:12px}.learning-strip p{font-size:9px}.mini-stats{margin-top:20px;gap:25px}.mini-stats>span b{font-size:22px}.mini-stats button{margin-left:auto;font-size:10px;padding:10px}.mini-stats button span{margin-left:8px}.library{margin-top:65px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section-heading h2{font-size:23px;letter-spacing:-.8px}.section-heading h2>span{font-size:20px;margin-left:7px}.section-heading p{font-size:10px}.heading-note{display:none}.library-tools{margin-top:24px;gap:15px}.tabs{gap:4px}.tabs button{padding:7px 9px;font-size:10px}.search{max-width:none}.library-hint{display:none}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.scene-card{padding:7px 7px 13px}.card-visual{height:150px;padding:9px}.card-tag{font-size:7px;padding:1px 5px;top:6px;left:6px}.card-num{font-size:8px;right:7px;top:7px}.card-copy{padding:11px 3px 0}.card-copy>div{display:block}.card-copy h3{font-size:16px;letter-spacing:-.5px;overflow-wrap:anywhere}.card-copy .card-zh{font-size:9px;display:block;margin-top:4px}.card-examples{font-size:8px;margin:7px 0 10px;max-width:140px}.card-footer{font-size:8px;padding-top:7px}.closing{margin:30px auto 50px}.closing>.hand{font-size:28px}.closing p{font-size:11px}footer{gap:18px;padding:25px 6%}footer>span{font-size:8px}footer>div{width:100%;margin:0;justify-content:space-between}footer small{text-align:left;font-size:7px}.dialog-header{padding:18px 20px 14px}.dialog-header h2{font-size:21px}.dialog-header .eyebrow{font-size:7px}.study-toolbar{padding:12px 16px;gap:8px}.study-toolbar button{font-size:10px;padding:7px 9px}.study-layout{grid-template-columns:1fr;padding:20px;gap:16px}.scene-picture{position:static}.scene-picture img{max-height:300px}.scene-picture p{font-size:9px}.word-row{gap:8px;grid-template-columns:1fr 1fr 30px}.word-results{padding:4px 13px}.word-row>button{font-size:11px}.word-row>span{font-size:10px}.flash-wrap{padding:20px}.flashcard{padding:30px 20px;min-height:220px}.flashcard strong{font-size:23px}.flash-grade{gap:10px}.flash-grade button{padding:10px 20px}.flash-navigation{font-size:9px}.flash-navigation span{display:none}#toast{font-size:11px;max-width:90%;white-space:nowrap}}
@media(max-width:370px){.hero-caption>span:last-child{display:none}.hero-numbers{gap:8px}.mini-stats{gap:18px}.mini-stats button{font-size:9px}.card-visual{height:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html{overflow-x:hidden}body{overflow-x:clip}.hero{overflow:clip}
.back-portfolio{font-size:11px;color:#5a7785;white-space:nowrap;border-bottom:1px solid #8eaab355;padding:5px 0;transition:color .2s}.back-portfolio:hover{color:#254f65}
.back-to-scenes{font-size:11px;color:#6b806d;padding:8px 0}.back-to-scenes:hover{text-decoration:underline;text-underline-offset:4px}
header nav .nav-active{color:#254e66;text-decoration:underline;text-underline-offset:6px}
.library.is-collection .library-tools{margin-top:22px}.library.is-collection .result-line{margin-top:15px}
.empty{padding:34px 20px}.empty h3{font-size:18px;margin:9px 0}.empty p{margin:0}.empty .primary{margin-top:21px;font-size:11px;padding:10px 20px}
.collection-empty{margin-top:25px;text-align:left;display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:20px;align-items:center;background:#fffef780;border:1px solid #d7dfcf;border-radius:8px;padding:28px 30px}
.collection-empty>#empty-icon{grid-column:1;grid-row:1/3;font-size:36px;line-height:1;color:#a19b71}
.collection-empty>h3{grid-column:2;grid-row:1;font-size:15px;margin:0 0 5px;color:#5e765f}
.collection-empty>p{grid-column:2;grid-row:2;font-size:11px;line-height:1.9;color:#87917e}
.collection-empty>.primary{grid-column:3;grid-row:1/3;margin:0;white-space:nowrap;align-self:center;box-shadow:none}
@media(max-width:760px){.section-heading{gap:15px}.back-to-scenes{font-size:10px;white-space:nowrap}.collection-empty{grid-template-columns:30px minmax(0,1fr);gap:3px 13px;padding:22px 20px}.collection-empty>#empty-icon{font-size:30px}.collection-empty>h3{font-size:14px}.collection-empty>p{font-size:10px}.collection-empty>.primary{grid-column:2;grid-row:3;justify-self:start;margin-top:13px;padding:9px 15px}}
@media(max-width:760px){.back-portfolio{font-size:9px;margin-left:10px;line-height:1.4;max-width:56px;white-space:normal;display:flex;gap:4px;align-items:center}header nav{margin-left:auto}.back-portfolio>span{max-width:40px}}
