@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lora,Georgia,serif;background-color:#faf6ee;color:#2c1a0e;line-height:1.7;padding:2rem;max-width:1200px;margin:0 auto;font-size:16px;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(92,61,30,.026) 27px,rgba(92,61,30,.026) 28px)}@media (max-width: 768px){body{padding:1.5rem}}@media (max-width: 600px){body{padding:1.2rem;font-size:17px}}@media (max-width: 420px){body{padding:1rem}}header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;margin-bottom:3rem;border-bottom:1px solid #E0CFA8}@media (max-width: 600px){header{flex-direction:column;gap:1rem;margin-bottom:2rem}}.logo{font-family:Cormorant Garamond,Georgia,serif;font-size:1.9rem;font-weight:500;font-style:italic;letter-spacing:.5px;color:#5c3d1e;transition:color .3s ease;text-decoration:none}.logo:hover{color:#6b1a2a}@media (max-width: 600px){.logo{font-size:2rem;margin-bottom:.3rem}}@media (max-width: 420px){.logo{font-size:1.8rem}}nav ul{display:flex;list-style:none;gap:2.5rem}@media (max-width: 600px){nav ul{gap:1.8rem;justify-content:center;width:100%}}@media (max-width: 420px){nav ul{gap:1.4rem}}nav a{font-family:Lora,Georgia,serif;text-decoration:none;color:#5c3d1e;position:relative;font-size:1rem;letter-spacing:.3px;transition:color .3s ease;padding:.3rem 0}nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background-color:#6b1a2a;transition:width .3s ease}nav a:hover{color:#6b1a2a}nav a:hover:after{width:100%}nav a.active{color:#6b1a2a}nav a.active:after{width:100%;background-color:#6b1a2a}@media (max-width: 600px){nav a{font-size:1.05rem;padding:.5rem 0}}main{display:grid;grid-template-columns:1fr;gap:3rem}@media (max-width: 600px){main{gap:2.5rem}}.recueil-main .recueil-intro{text-align:center;margin-bottom:3rem}@media (max-width: 600px){.recueil-main .recueil-intro{margin-bottom:2rem}}.recueil-main .recueil-intro h1{font-family:Cormorant Garamond,Georgia,serif;font-size:3rem;font-weight:400;font-style:italic;margin-bottom:.8rem;color:#2c1a0e;line-height:1.15}@media (max-width: 600px){.recueil-main .recueil-intro h1{font-size:2.5rem}}@media (max-width: 420px){.recueil-main .recueil-intro h1{font-size:2.2rem}}.recueil-main .recueil-intro:after{content:"";display:block;width:60px;height:1px;background:#e0cfa8;margin:1rem auto 0}.recueil-main .recueil-intro p{max-width:680px;margin:1.4rem auto 2rem;font-size:1.05rem;color:#5c3d1e;line-height:1.8}@media (max-width: 600px){.recueil-main .recueil-intro p{font-size:1.05rem;margin:1rem auto 1.5rem;padding:0 .5rem}}.viewing-options{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}@media (max-width: 600px){.viewing-options{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}}.btn{padding:.7rem 1.6rem;border-radius:30px;border:1px solid #E0CFA8;font-family:Lora,Georgia,serif;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px #2c1a0e1a;letter-spacing:.2px}@media (max-width: 600px){.btn{padding:.9rem 2rem;font-size:1rem;width:75%;justify-content:center}}@media (max-width: 420px){.btn{width:88%}}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2c1a0e29}.btn:active{transform:translateY(0)}.btn i{font-size:.9rem}.btn-primary{background-color:#6b1a2a;color:#faf6ee;border-color:#6b1a2a}.btn-primary:hover{background-color:#4d1320}.btn-primary.active{background-color:#4d1320;border-color:#4d1320}.btn-secondary{background-color:#f2e8d5;color:#5c3d1e;border-color:#e0cfa8}.btn-secondary:hover{background-color:#ead9b8}.btn-secondary.active{background-color:#ead9b8;border-color:#9c7a3c;color:#2c1a0e}.btn-accent{background-color:#ead9b8;color:#5c3d1e;font-style:italic;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;border-color:#e0cfa8}.btn-accent:hover{background-color:#6b1a2a;color:#faf6ee;border-color:#6b1a2a}.poems-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.poems-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 481px) and (max-width: 767px){.poems-container{grid-template-columns:1fr;gap:1.8rem}}@media (max-width: 600px){.poems-container{grid-template-columns:1fr;gap:1.8rem}}@media (max-width: 420px){.poems-container{gap:1.5rem}}.poem-card{background-color:#f2e8d5;border-radius:4px;overflow:hidden;box-shadow:0 6px 24px #2c1a0e1f;transition:transform .35s ease,box-shadow .35s ease;position:relative;height:360px;display:flex;flex-direction:column;border:1px solid #E0CFA8;cursor:pointer}.poem-card:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent #E0CFA8 transparent;transition:border-width .3s ease;z-index:2}@media (max-width: 600px){.poem-card{height:400px;box-shadow:0 6px 18px #2c1a0e26}}@media (max-width: 420px){.poem-card{height:380px}}.poem-card:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 14px 32px #2c1a0e2e}.poem-card:hover:after{border-width:0 0 30px 30px}.poem-card:hover .poem-image:after{opacity:.6}.poem-card .poem-image{height:155px;position:relative;overflow:hidden}@media (max-width: 600px){.poem-card .poem-image{height:175px}}@media (max-width: 420px){.poem-card .poem-image{height:155px}}.poem-card .poem-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.poem-card .poem-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2c1a0e1a,#2c1a0e73);opacity:.4;transition:opacity .3s ease}.poem-card:hover .poem-image img{transform:scale(1.04)}.poem-card .poem-content{padding:1.4rem 1.5rem;flex-grow:1;display:flex;flex-direction:column;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(92,61,30,.06) 23px,rgba(92,61,30,.06) 24px)}@media (max-width: 600px){.poem-card .poem-content{padding:1.5rem 1.6rem}}.poem-card .poem-content h3{font-family:Cormorant Garamond,Georgia,serif;margin-bottom:.6rem;font-weight:500;font-style:italic;color:#2c1a0e;font-size:1.3rem;line-height:1.3}@media (max-width: 600px){.poem-card .poem-content h3{font-size:1.4rem}}@media (max-width: 420px){.poem-card .poem-content h3{font-size:1.25rem}}.poem-card .poem-content .poem-date{font-family:Lora,Georgia,serif;font-size:.78rem;color:#8c7b6b;margin-bottom:.7rem;letter-spacing:.3px}.poem-card .poem-content .poem-excerpt{font-family:Cormorant Garamond,Georgia,serif;font-size:.98rem;line-height:1.65;margin-bottom:1rem;font-style:italic;color:#5c3d1e;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 600px){.poem-card .poem-content .poem-excerpt{font-size:1.05rem;-webkit-line-clamp:3}}.poem-card .poem-content .read-more{align-self:flex-start;padding:.4rem 1.2rem;background-color:transparent;color:#6b1a2a;border:1px solid #6B1A2A;border-radius:20px;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;transition:all .3s ease;letter-spacing:.3px}@media (max-width: 600px){.poem-card .poem-content .read-more{padding:.6rem 1.4rem;font-size:.95rem;align-self:center;width:100%;text-align:center}}.poem-card .poem-content .read-more:hover{background-color:#6b1a2a;color:#faf6ee;transform:translateY(-1px)}.hidden{display:none}.random-poem{max-width:800px;margin:0 auto}.random-poem .random-poem-container{background-color:#f2e8d5;padding:3rem;border-radius:6px;text-align:center;box-shadow:0 6px 24px #2c1a0e1f;border:1px solid #E0CFA8;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(92,61,30,.04) 27px,rgba(92,61,30,.04) 28px)}@media (max-width: 768px){.random-poem .random-poem-container{padding:2rem}}@media (max-width: 600px){.random-poem .random-poem-container{padding:2rem 1.5rem}}.random-poem .random-poem-container h2{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;color:#2c1a0e;font-size:2rem;font-weight:400;margin-bottom:1rem}@media (max-width: 600px){.random-poem .random-poem-container h2{font-size:2.2rem}}.random-poem .random-poem-container .random-intro{margin-bottom:2rem;color:#5c3d1e;font-size:1rem}.random-poem .random-poem-container #discover-random{margin:0 auto 2rem}@media (max-width: 600px){.random-poem .random-poem-container #discover-random{width:85%;font-size:1.1rem}}.random-poem .random-poem-container .random-poem-content{text-align:left;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #E0CFA8}.random-poem .random-poem-container .random-poem-content.hidden{display:none}.random-poem .random-poem-container .random-poem-content h3{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-style:italic;margin-bottom:1.5rem;color:#2c1a0e;text-align:center;font-weight:400}@media (max-width: 600px){.random-poem .random-poem-container .random-poem-content h3{font-size:2.2rem}}.random-poem .random-poem-container .random-poem-content .poem-text{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;line-height:2.1;white-space:pre-line;color:#2c1a0e;text-align:center}@media (max-width: 600px){.random-poem .random-poem-container .random-poem-content .poem-text{font-size:1.35rem}}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:3rem 0 1.5rem;flex-wrap:wrap}@media (max-width: 600px){.pagination-controls{margin:2rem 0 1rem;gap:.35rem}}.pagination-controls .page-btn{min-width:38px;height:38px;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border:1px solid #E0CFA8;background:#faf6ee;color:#5c3d1e;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;cursor:pointer;border-radius:3px;transition:all .25s ease;letter-spacing:.2px}@media (max-width: 600px){.pagination-controls .page-btn{min-width:36px;height:36px;font-size:1rem}}.pagination-controls .page-btn:hover{background:#6b1a2a1a;border-color:#6b1a2a;color:#6b1a2a}.pagination-controls .page-btn.active{background:#6b1a2a;color:#faf6ee;border-color:#6b1a2a;font-weight:600}.pagination-controls .page-btn.nav-btn{min-width:auto;padding:0 1rem;font-family:Lora,Georgia,serif;font-size:.88rem;letter-spacing:.3px;border:1px solid #E0CFA8}@media (max-width: 420px){.pagination-controls .page-btn.nav-btn{padding:0 .7rem;font-size:.82rem}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2c1a0ea6;z-index:1000;overflow-y:auto;padding:2rem 0}@media (max-width: 600px){.modal{padding:0}}.modal .modal-content{background-color:#faf6ee;max-width:780px;margin:0 auto;border-radius:6px;box-shadow:0 8px 40px #2c1a0e40;padding:3rem 3.5rem;position:relative;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(92,61,30,.04) 27px,rgba(92,61,30,.04) 28px)}@media (max-width: 768px){.modal .modal-content{margin:1rem;padding:2rem 2.5rem}}@media (max-width: 600px){.modal .modal-content{padding:2.5rem 1.5rem;margin:0;border-radius:0;min-height:100vh;display:flex;flex-direction:column}}.modal .close-modal{position:absolute;top:1.2rem;right:1.5rem;font-size:1.8rem;color:#8c7b6b;cursor:pointer;transition:color .3s ease;line-height:1}.modal .close-modal:hover{color:#6b1a2a}@media (max-width: 600px){.modal .close-modal{font-size:2.2rem;top:1rem;right:1.2rem}}.modal #modal-poem-content h3{font-family:Cormorant Garamond,Georgia,serif;font-size:2.4rem;font-weight:400;font-style:italic;color:#2c1a0e;margin-bottom:.5rem;text-align:center;line-height:1.2}@media (max-width: 600px){.modal #modal-poem-content h3{font-size:2.1rem}}.modal #modal-poem-content .modal-poem-date{text-align:center;font-family:Lora,Georgia,serif;font-size:.85rem;color:#8c7b6b;margin-bottom:1.8rem;letter-spacing:.3px}.modal #modal-poem-content .ornament{text-align:center;margin:0 0 2rem;color:#9c7a3c;font-size:1.2rem;letter-spacing:.8rem;-webkit-user-select:none;user-select:none;opacity:.75}.modal #modal-poem-content .poem-text{font-family:Cormorant Garamond,Georgia,serif;font-size:1.22rem;line-height:2.15;white-space:pre-line;color:#2c1a0e;text-align:center}@media (max-width: 600px){.modal #modal-poem-content .poem-text{font-size:1.3rem;line-height:2;flex-grow:1}}.modal #modal-poem-content .modal-nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #E0CFA8;gap:1rem}@media (max-width: 600px){.modal #modal-poem-content .modal-nav-buttons{margin-top:2rem}}.modal #modal-poem-content .modal-nav-buttons .modal-nav-btn{font-family:Lora,Georgia,serif;font-size:.88rem;color:#6b1a2a;background:transparent;border:1px solid #E0CFA8;border-radius:20px;padding:.45rem 1.1rem;cursor:pointer;transition:all .25s ease;letter-spacing:.2px;text-decoration:none;display:inline-block}.modal #modal-poem-content .modal-nav-buttons .modal-nav-btn:hover{background:#6b1a2a;color:#faf6ee;border-color:#6b1a2a}.modal #modal-poem-content .modal-nav-buttons .modal-nav-btn.disabled{color:#8c7b6b;border-color:#ead9b8;cursor:default;pointer-events:none;opacity:.5}@media (max-width: 600px){.modal #modal-poem-content .modal-nav-buttons .modal-nav-btn{font-size:.85rem;padding:.5rem 1rem}}#overlay-blur{position:fixed;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#2c1a0e26;z-index:998;display:none}#openShareModal{background-color:transparent;color:#8c7b6b;border:none;position:absolute;top:1.2rem;left:1.5rem;font-family:Lora,Georgia,serif;font-size:.9rem;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:.4rem;letter-spacing:.2px}#openShareModal i{font-size:.95rem}#openShareModal:hover{color:#6b1a2a}@media (max-width: 600px){#openShareModal{font-size:.95rem;top:1rem;left:1.2rem}}#shareModal{z-index:1002;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#faf6ee;width:90%;max-width:380px;padding:2rem;border-radius:8px;box-shadow:0 8px 30px #2c1a0e33;display:none;text-align:center;border:1px solid #E0CFA8}#shareModal .share-modal-content{display:flex;flex-direction:column;align-items:center}#shareModal .share-modal-content .close{align-self:flex-end;font-size:1.6rem;cursor:pointer;color:#8c7b6b;line-height:1;margin-bottom:.5rem}#shareModal .share-modal-content .close:hover{color:#6b1a2a}#shareModal .share-modal-content h3{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:400;font-size:1.4rem;margin-bottom:1.2rem;color:#2c1a0e}#shareModal .share-modal-content .share-options{display:flex;flex-direction:column;gap:.75rem;width:100%}#shareModal .share-modal-content .share-options a,#shareModal .share-modal-content .share-options button{background-color:#f2e8d5;border:1px solid #E0CFA8;padding:.7rem 1rem;border-radius:4px;cursor:pointer;text-decoration:none;color:#5c3d1e;display:flex;align-items:center;gap:.6rem;font-family:Lora,Georgia,serif;font-size:.92rem;transition:all .2s ease}#shareModal .share-modal-content .share-options a i,#shareModal .share-modal-content .share-options button i{font-size:1.1rem}#shareModal .share-modal-content .share-options a:hover,#shareModal .share-modal-content .share-options button:hover{background-color:#6b1a2a;color:#faf6ee;border-color:#6b1a2a}.poem-reading-page{max-width:760px;margin:2rem auto 4rem}@media (max-width: 768px){.poem-reading-page{margin:1.5rem auto 3rem;padding:0 1rem}}@media (max-width: 600px){.poem-reading-page{margin:1rem auto 2.5rem;padding:0}}.poem-reading-container{background-color:#faf6ee;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(92,61,30,.042) 27px,rgba(92,61,30,.042) 28px);border:1px solid #E0CFA8;border-radius:6px;box-shadow:0 6px 24px #2c1a0e1f;padding:4rem 5rem;position:relative}@media (max-width: 768px){.poem-reading-container{padding:3rem 3.5rem}}@media (max-width: 600px){.poem-reading-container{padding:2.5rem 1.8rem;border-radius:4px}}@media (max-width: 420px){.poem-reading-container{padding:2rem 1.3rem}}.poem-reading-container:before,.poem-reading-container:after{position:absolute;font-size:1rem;color:#9c7a3c;opacity:.4;pointer-events:none}.poem-reading-container:before{content:"✦";top:1rem;left:1.2rem}.poem-reading-container:after{content:"✦";bottom:1rem;right:1.2rem}.poem-reading-title{font-family:Cormorant Garamond,Georgia,serif;font-size:2.8rem;font-weight:400;font-style:italic;color:#2c1a0e;text-align:center;line-height:1.2;margin-bottom:.6rem}@media (max-width: 768px){.poem-reading-title{font-size:2.4rem}}@media (max-width: 600px){.poem-reading-title{font-size:2rem}}@media (max-width: 420px){.poem-reading-title{font-size:1.8rem}}.poem-reading-date{text-align:center;font-family:Lora,Georgia,serif;font-size:.88rem;color:#8c7b6b;margin-bottom:2.2rem;letter-spacing:.5px}.poem-ornament{text-align:center;margin:0 0 2.5rem;color:#9c7a3c;opacity:.7;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:.8rem}.poem-ornament:before,.poem-ornament:after{content:"";flex:1;height:1px;background:#e0cfa8;max-width:80px}.poem-ornament span{font-size:1.1rem;letter-spacing:.3rem}.poem-reading-text{font-family:Cormorant Garamond,Georgia,serif;font-size:1.22rem;line-height:2.2;white-space:pre-line;color:#2c1a0e;text-align:center}@media (max-width: 600px){.poem-reading-text{font-size:1.15rem;line-height:2}}@media (max-width: 420px){.poem-reading-text{font-size:1.1rem}}.poem-reading-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #E0CFA8;gap:1rem}@media (max-width: 600px){.poem-reading-nav{margin-top:2rem}}.poem-reading-nav .nav-prev,.poem-reading-nav .nav-next{font-family:Lora,Georgia,serif;font-size:.9rem;color:#6b1a2a;background:transparent;border:1px solid #E0CFA8;border-radius:20px;padding:.5rem 1.2rem;cursor:pointer;transition:all .25s ease;letter-spacing:.2px;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.poem-reading-nav .nav-prev:hover,.poem-reading-nav .nav-next:hover{background:#6b1a2a;color:#faf6ee;border-color:#6b1a2a}.poem-reading-nav .nav-prev.invisible,.poem-reading-nav .nav-next.invisible{visibility:hidden;pointer-events:none}@media (max-width: 600px){.poem-reading-nav .nav-prev,.poem-reading-nav .nav-next{font-size:.85rem;padding:.45rem 1rem}}.poem-reading-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}@media (max-width: 600px){.poem-reading-actions{flex-wrap:wrap;gap:.8rem}}.poem-reading-actions .action-btn{font-family:Lora,Georgia,serif;font-size:.88rem;color:#5c3d1e;background:transparent;border:1px solid #E0CFA8;border-radius:20px;padding:.45rem 1.2rem;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.poem-reading-actions .action-btn:hover{background:#f2e8d5;border-color:#5c3d1e}.poem-reading-actions .action-btn i{font-size:.85rem}@keyframes pageFlipOut{0%{transform:perspective(900px) rotateY(0) scale(1);opacity:1}to{transform:perspective(900px) rotateY(-70deg) scale(.95);opacity:0}}@keyframes pageFlipIn{0%{transform:perspective(900px) rotateY(70deg) scale(.95);opacity:0}to{transform:perspective(900px) rotateY(0) scale(1);opacity:1}}.poems-container.flipping-out{animation:pageFlipOut .32s ease-in forwards;transform-origin:left center;pointer-events:none}.poems-container.flipping-in{animation:pageFlipIn .34s ease-out forwards;transform-origin:left center}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-60px);opacity:0}}@keyframes slideInRight{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(60px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.poem-reading-container.slide-out-left{animation:slideOutLeft .28s ease-in forwards}.poem-reading-container.slide-in-right{animation:slideInRight .28s ease-out forwards}.poem-reading-container.slide-out-right{animation:slideOutRight .28s ease-in forwards}.poem-reading-container.slide-in-left{animation:slideInLeft .28s ease-out forwards}.loading{text-align:center;padding:3rem 0;color:#8c7b6b;font-family:Lora,Georgia,serif;font-style:italic}footer{margin-top:5rem;text-align:center;padding:2rem 0;border-top:1px solid #E0CFA8;color:#8c7b6b;font-family:Lora,Georgia,serif;font-size:.88rem;letter-spacing:.3px}@media (max-width: 600px){footer{margin-top:3rem;font-size:.93rem}}