*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;background-color:#1c1810;background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(200,170,90,0.14)' stroke-width='0.9' stroke-linecap='round'%3E%3Cpath d='M70 450 C68 400,66 350,68 300 C70 250,72 200,70 150 C68 110,67 80,72 40'/%3E%3Cpath d='M68 400 C52 392,38 380,28 368'/%3E%3Cpath d='M68 400 C84 390,98 378,108 366'/%3E%3Cpath d='M68 360 C56 354,44 345,36 336'/%3E%3Cpath d='M68 360 C80 352,92 342,100 332'/%3E%3Cpath d='M69 320 C58 314,48 306,42 298'/%3E%3Cpath d='M69 320 C80 313,90 304,96 296'/%3E%3Cpath d='M69 280 C60 275,52 268,47 261'/%3E%3Cpath d='M69 280 C78 274,86 266,91 258'/%3E%3Cpath d='M70 240 C63 236,56 229,52 223'/%3E%3Cpath d='M70 240 C77 235,84 227,88 220'/%3E%3Cpath d='M70 200 C64 196,59 190,56 185'/%3E%3Cpath d='M70 200 C76 195,81 188,84 182'/%3E%3Cpath d='M350 480 C348 430,346 380,348 330 C350 280,353 230,350 180 C348 140,347 110,350 70'/%3E%3Cpath d='M348 430 C335 422,322 412,314 402'/%3E%3Cpath d='M348 430 C361 420,374 410,382 399'/%3E%3Cpath d='M348 390 C338 384,328 375,322 367'/%3E%3Cpath d='M348 390 C358 382,368 373,374 364'/%3E%3Cpath d='M349 350 C340 344,332 336,327 329'/%3E%3Cpath d='M349 350 C358 343,366 334,371 326'/%3E%3Cpath d='M349 310 C342 306,335 299,331 293'/%3E%3Cpath d='M349 310 C356 304,363 297,367 290'/%3E%3Ccircle cx='250' cy='60' r='12' stroke-width='0.6'/%3E%3Ccircle cx='250' cy='60' r='4' stroke-width='0.5'/%3E%3Cpath d='M250 48 L250 30'/%3E%3Cpath d='M250 72 L250 90'/%3E%3Cpath d='M238 60 L220 60'/%3E%3Cpath d='M262 60 L280 60'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(30 250 60)' stroke-width='0.5'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(-30 250 60)' stroke-width='0.5'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(90 250 60)' stroke-width='0.5'/%3E%3Cellipse cx='440' cy='250' rx='14' ry='5' transform='rotate(-20 440 250)' stroke-width='0.5'/%3E%3Cpath d='M440 250 C438 238,436 226,437 214 C438 202,440 190,439 178'/%3E%3Cellipse cx='438' cy='230' rx='10' ry='4' transform='rotate(25 438 230)' stroke-width='0.5'/%3E%3Cellipse cx='439' cy='210' rx='8' ry='3' transform='rotate(-20 439 210)' stroke-width='0.5'/%3E%3Cpath d='M160 460 C162 448,165 435,160 424 C155 413,150 402,155 390' stroke-width='0.6'/%3E%3Cellipse cx='155' cy='388' rx='6' ry='10' stroke-width='0.5'/%3E%3Ccircle cx='155' cy='388' r='3' stroke-width='0.4'/%3E%3Ccircle cx='420' cy='440' r='1.8'/%3E%3Ccircle cx='80' cy='30' r='1.5'/%3E%3Ccircle cx='480' cy='80' r='1.4'/%3E%3Ccircle cx='30' cy='250' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E"),radial-gradient(ellipse 55% 60% at 50% 46%,rgba(160,125,50,.3) 0%,rgba(120,90,35,.12) 40%,transparent 75%),radial-gradient(ellipse 80% 25% at 50% 100%,rgba(120,90,45,.18) 0%,transparent 65%),radial-gradient(ellipse 70% 70% at 50% 48%,transparent 30%,rgba(8,6,3,.55) 100%),linear-gradient(170deg,#2a221a,#221a12,#261e15,#1c1610,#181310);background-size:500px 500px,256px 256px,100% 100%,100% 100%,100% 100%,100% 100%;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(240,210,130,0.25)' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M70 450 C68 400,66 350,68 300 C70 250,72 200,70 150 C68 110,67 80,72 40'/%3E%3Cpath d='M68 400 C52 392,38 380,28 368'/%3E%3Cpath d='M68 400 C84 390,98 378,108 366'/%3E%3Cpath d='M68 360 C56 354,44 345,36 336'/%3E%3Cpath d='M68 360 C80 352,92 342,100 332'/%3E%3Cpath d='M69 320 C58 314,48 306,42 298'/%3E%3Cpath d='M69 320 C80 313,90 304,96 296'/%3E%3Cpath d='M69 280 C60 275,52 268,47 261'/%3E%3Cpath d='M69 280 C78 274,86 266,91 258'/%3E%3Cpath d='M70 240 C63 236,56 229,52 223'/%3E%3Cpath d='M70 240 C77 235,84 227,88 220'/%3E%3Cpath d='M70 200 C64 196,59 190,56 185'/%3E%3Cpath d='M70 200 C76 195,81 188,84 182'/%3E%3Cpath d='M350 480 C348 430,346 380,348 330 C350 280,353 230,350 180 C348 140,347 110,350 70'/%3E%3Cpath d='M348 430 C335 422,322 412,314 402'/%3E%3Cpath d='M348 430 C361 420,374 410,382 399'/%3E%3Cpath d='M348 390 C338 384,328 375,322 367'/%3E%3Cpath d='M348 390 C358 382,368 373,374 364'/%3E%3Cpath d='M349 350 C340 344,332 336,327 329'/%3E%3Cpath d='M349 350 C358 343,366 334,371 326'/%3E%3Cpath d='M349 310 C342 306,335 299,331 293'/%3E%3Cpath d='M349 310 C356 304,363 297,367 290'/%3E%3Ccircle cx='250' cy='60' r='12' stroke-width='0.7'/%3E%3Ccircle cx='250' cy='60' r='4' stroke-width='0.6'/%3E%3Cpath d='M250 48 L250 30'/%3E%3Cpath d='M250 72 L250 90'/%3E%3Cpath d='M238 60 L220 60'/%3E%3Cpath d='M262 60 L280 60'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(30 250 60)' stroke-width='0.6'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(-30 250 60)' stroke-width='0.6'/%3E%3Cellipse cx='250' cy='60' rx='18' ry='6' transform='rotate(90 250 60)' stroke-width='0.6'/%3E%3Cellipse cx='440' cy='250' rx='14' ry='5' transform='rotate(-20 440 250)' stroke-width='0.6'/%3E%3Cpath d='M440 250 C438 238,436 226,437 214 C438 202,440 190,439 178'/%3E%3Cellipse cx='438' cy='230' rx='10' ry='4' transform='rotate(25 438 230)' stroke-width='0.6'/%3E%3Cellipse cx='439' cy='210' rx='8' ry='3' transform='rotate(-20 439 210)' stroke-width='0.6'/%3E%3Cpath d='M160 460 C162 448,165 435,160 424 C155 413,150 402,155 390' stroke-width='0.7'/%3E%3Cellipse cx='155' cy='388' rx='6' ry='10' stroke-width='0.6'/%3E%3Ccircle cx='155' cy='388' r='3' stroke-width='0.5'/%3E%3Ccircle cx='420' cy='440' r='2'/%3E%3Ccircle cx='80' cy='30' r='1.8'/%3E%3Ccircle cx='480' cy='80' r='1.6'/%3E%3Ccircle cx='30' cy='250' r='2'/%3E%3C/g%3E%3C/svg%3E");background-size:500px 500px;background-repeat:repeat;animation:patternGlow 4s ease-in-out infinite}@keyframes patternGlow{0%,to{opacity:.3}50%{opacity:.8}}.particles-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(240,215,140,.9) 0%,rgba(220,190,110,.3) 40%,transparent 70%);animation:particleGlow var(--glow-dur) ease-in-out infinite,particleMove var(--move-dur) ease-in-out infinite;animation-delay:var(--delay)}@keyframes particleGlow{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:.9;transform:scale(1.2)}}@keyframes particleMove{0%{translate:0 0}25%{translate:var(--dx1) var(--dy1)}50%{translate:var(--dx2) var(--dy2)}75%{translate:var(--dx3) var(--dy3)}to{translate:0 0}}.book-container{perspective:1500px;perspective-origin:50% 50%;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;z-index:1}.book{position:relative;display:flex;width:min(900px,80vw);height:min(580px,72vh);transform-style:preserve-3d}.book:after{content:"";position:absolute;bottom:-20px;left:8%;width:84%;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);filter:blur(10px);z-index:-1}.page{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 36px 28px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 50% 45%,#f8f0dc,#f0e6cc 60%,#e8daba);overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.page-left{box-shadow:inset -12px 0 25px -10px #0000001f,inset -1px 0 #0000000f,-3px 0 12px #00000040;border-left:3px solid #e2d6be}.page-left:before{content:"";position:absolute;top:2px;left:-7px;bottom:2px;width:7px;background:repeating-linear-gradient(180deg,#f0e6cc,#e8daba 1px,#f2ecd4 1px,#ede3c8 2px);border-radius:2px 0 0 2px;box-shadow:-1px 0 3px #0000001f}.page-right{box-shadow:inset 12px 0 25px -10px #0000001f,inset 1px 0 #0000000f,3px 0 12px #00000040;border-right:3px solid #e2d6be}.page-right:after{content:"";position:absolute;top:2px;right:-7px;bottom:2px;width:7px;background:repeating-linear-gradient(180deg,#f0e6cc,#e8daba 1px,#f2ecd4 1px,#ede3c8 2px);border-radius:0 2px 2px 0;box-shadow:1px 0 3px #0000001f}.book-spine{width:4px;flex-shrink:0;background:linear-gradient(180deg,#c8b898,#b0a080 20%,#a08868,#b0a080 80%,#c8b898);box-shadow:-2px 0 8px #0003,2px 0 8px #0003;z-index:2}.page-turn{position:absolute;top:0;left:calc(50% + 2px);width:calc(50% - 2px);height:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0);transition:transform .8s cubic-bezier(.645,.045,.355,1);z-index:15;display:none;pointer-events:none}.page-turn.turning{display:block}.page-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 36px 28px;overflow:hidden;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 50% 45%,#f8f0dc,#f0e6cc 60%,#e8daba)}.page-front{box-shadow:inset 12px 0 25px -10px #0000001f;border-right:3px solid #e2d6be}.page-back{transform:rotateY(180deg);box-shadow:inset -12px 0 25px -10px #0000001f}.page-turn-shadow{position:absolute;top:0;left:calc(50% + 2px);width:calc(50% - 2px);height:100%;background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,transparent 60%);opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:5}.page-corner{position:absolute;width:40px;height:40px;cursor:pointer;z-index:20;transition:all .4s cubic-bezier(.4,0,.2,1)}.page-corner-next{bottom:0;right:0}.page-corner-next:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 35px 35px;border-color:transparent transparent #d8ccb0 transparent;transition:border-width .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(-2px -2px 3px rgba(0,0,0,.15))}.page-corner-next:after{content:"›";position:absolute;bottom:6px;right:6px;font-family:Cormorant Garamond,serif;font-size:14px;color:#8b7a5200;transition:all .4s ease}.page-corner-next:hover:before{border-width:0 0 65px 65px}.page-corner-next:hover:after{color:#8b7a5299;font-size:18px;bottom:14px;right:10px}.page-corner-next:active:before{border-width:0 0 55px 55px;transition-duration:.1s}.page-corner-prev{bottom:0;left:0}.page-corner-prev:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-style:solid;border-width:0 35px 35px 0;border-color:transparent transparent #d8ccb0 transparent;transition:border-width .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(2px -2px 3px rgba(0,0,0,.15))}.page-corner-prev:after{content:"‹";position:absolute;bottom:6px;left:6px;font-family:Cormorant Garamond,serif;font-size:14px;color:#8b7a5200;transition:all .4s ease}.page-corner-prev:hover:before{border-width:0 65px 65px 0}.page-corner-prev:hover:after{color:#8b7a5299;font-size:18px;bottom:14px;left:10px}.page-corner.hidden{opacity:0;pointer-events:none}.page-indicator{display:flex;align-items:center;justify-content:center;z-index:20}.btn-random{padding:10px 28px;border:1px solid rgba(201,168,76,.45);border-radius:3px;background:#0c0a0899;color:#c9a84cbf;font-family:Cormorant SC,serif;font-size:13px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-random:hover{border-color:#c9a84c80;color:#c9a84ccc;background:#c9a84c0f;box-shadow:0 0 12px #c9a84c14}.book-title{font-family:Cormorant SC,Cormorant Garamond,serif;font-size:clamp(26px,3.5vw,38px);font-weight:600;letter-spacing:.35em;color:#2a1f14;text-align:center;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.4)}.gold-rule{width:120px;height:1px;background:linear-gradient(90deg,transparent 0%,#b8960c 30%,#d4af37 50%,#b8960c 70%,transparent 100%);margin:16px auto;position:relative}.gold-rule:after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6px;color:#b8960c;background:#f2e8d0;padding:0 6px}.book-subtitle{font-family:Cormorant Garamond,serif;font-size:clamp(14px,1.8vw,17px);font-style:italic;font-weight:400;color:#6b5d4a;text-align:center;line-height:1.65;max-width:300px;margin:0}.collection-info{font-family:Cormorant Garamond,serif;font-size:clamp(12px,1.4vw,14px);letter-spacing:.08em;color:#9a8a72;text-align:center;margin-top:8px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:220px;padding:12px 24px;border:1px solid transparent;background:linear-gradient(#f2e8d0,#f2e8d0) padding-box,linear-gradient(180deg,#c4a44e,#a88830) border-box;color:#6b5a32;font-family:Cormorant SC,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:inset 0 1px 2px #0000000d,0 1px 3px #00000014;position:relative}.btn:before,.btn:after{content:"";position:absolute;width:8px;height:8px;border-color:#c4a44e66;border-style:solid}.btn:before{top:3px;left:3px;border-width:1px 0 0 1px}.btn:after{bottom:3px;right:3px;border-width:0 1px 1px 0}.btn:hover{background:linear-gradient(#f5edd5,#eee3c8) padding-box,linear-gradient(180deg,#d4af37,#b8960c) border-box;color:#4a3e22;box-shadow:inset 0 1px 2px #0000000d,0 2px 8px #b8960c26}.btn svg{width:14px;height:14px}.flourish{margin-bottom:12px;opacity:.6}.page-number{font-family:Cormorant Garamond,serif;font-size:13px;color:#c0b098;margin-top:auto;padding-top:12px}.specimen-num{position:absolute;top:4px;right:6px;font-family:Cormorant Garamond,serif;font-size:15px;color:#c0b098;letter-spacing:.5px;z-index:1}.specimen-svg{width:100%;flex:1 1 auto;display:flex;overflow:hidden;align-items:center;justify-content:center;min-height:0}.specimen-svg svg{width:auto;height:100%;max-width:100%;max-height:380px;transform:translateZ(0)}.specimen-label{margin-top:12px;padding:10px 20px;background:#f0e8d680;border:1px solid #d0c4a8;transform:rotate(.5deg);text-align:center}.specimen-name{font-family:Cormorant Garamond,serif;font-size:clamp(20px,2.6vw,28px);font-style:italic;font-weight:500;color:#2a1f14;margin:0}.specimen-family{font-family:Cormorant Garamond,serif;font-size:clamp(13px,1.6vw,17px);color:#8a7a62;letter-spacing:.05em;margin-top:3px}.nft-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.nft-card .specimen-svg{flex:1 1 auto;min-height:0}.nft-card .specimen-svg svg{max-height:320px}.nft-card .specimen-label{margin-top:8px}.specimen-collect{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}.specimen-rarity{display:none}.btn-mint{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border:1px solid #c4a44e;background:#f4eed8b3;color:#7a6840;font-family:Cormorant SC,serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.btn-mint:hover{background:#f4eed8f2;border-color:#b8960c;color:#5a4a28;box-shadow:0 1px 6px #b8960c26}.btn-mint:disabled{opacity:.6;cursor:not-allowed}.btn-mint.minted{background:#e8e0c8;color:#4a7c5c;border-color:#4a7c5c;opacity:1}.btn-collect{background:linear-gradient(#2a1f14,#3a2e1e) padding-box,linear-gradient(180deg,#d4af37,#b8960c) border-box;color:#d4af37}.btn-collect:hover{background:linear-gradient(#3a2e1e,#4a3e2e) padding-box,linear-gradient(180deg,#d4af37,#b8960c) border-box;color:#e8c64a}.btn-collect.connected{background:linear-gradient(#1a3a22,#2a4a32) padding-box,linear-gradient(180deg,#4ade80,#22c55e) border-box;color:#4ade80;cursor:default}.mint-stats{font-family:Cormorant Garamond,serif;font-size:11px;color:#9a8a72;text-align:center;margin-top:8px;letter-spacing:.06em}@media (max-width: 768px){.book{flex-direction:column;width:92vw;height:auto;max-height:85vh}.page-left,.page-right{box-shadow:none;border-left:none;border-right:none;padding:28px 20px 20px}.page-left{border-bottom:1px solid #d8ccb0}.page-left:before,.page-right:after{display:none}.book-spine{width:100%;height:3px}.book-title{font-size:22px}.page-corner{display:none}.page-turn{display:none!important}}@media (prefers-reduced-motion: reduce){.page-turn{transition-duration:.01s!important}}