*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;transition:background-color .35s,color .35s}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}:root,[data-accent=indigo]{--accent-h:235;--accent-s:45%;--accent-l-light:22%;--accent-l-dark:72%}[data-accent=rose]{--accent-h:348;--accent-s:60%;--accent-l-light:40%;--accent-l-dark:72%}[data-accent=emerald]{--accent-h:160;--accent-s:50%;--accent-l-light:28%;--accent-l-dark:65%}[data-accent=amber]{--accent-h:32;--accent-s:65%;--accent-l-light:35%;--accent-l-dark:70%}[data-accent=violet]{--accent-h:270;--accent-s:50%;--accent-l-light:35%;--accent-l-dark:72%}[data-accent=ocean]{--accent-h:200;--accent-s:60%;--accent-l-light:30%;--accent-l-dark:68%}:root,[data-theme=light]{--bg-primary:#faf8f4;--bg-secondary:#f5f2ec;--bg-tertiary:#eee9e0;--bg-card:#fff;--bg-card-hover:#fdfcfa;--bg-overlay:#1a1a2e80;--text-primary:#1a1a2e;--text-secondary:#5a5a6e;--text-tertiary:#8a8a9a;--text-inverse:#f5f0e8;--border-primary:#d0ccc4;--border-secondary:#ddd9d0;--border-tertiary:#e8e4dc;--accent:hsl(var(--accent-h), var(--accent-s), var(--accent-l-light));--accent-soft:hsl(var(--accent-h), var(--accent-s), 94%);--accent-hover:hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l-light) + 8%));--accent-text:#f5f0e8;--featured-bg:#f5e6d3;--featured-text:#8b5e3c;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #00000014, 0 4px 12px #0000000a;--shadow-glow:0 0 0 3px hsl(var(--accent-h), var(--accent-s), 90%);--scrollbar-thumb:#ccc7be;--scrollbar-track:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#0e0e1a;--bg-secondary:#16162a;--bg-tertiary:#1e1e36;--bg-card:#1a1a30;--bg-card-hover:#22223a;--bg-overlay:#000000a6;--text-primary:#e8e4dc;--text-secondary:#9a96a6;--text-tertiary:#6a667a;--text-inverse:#1a1a2e;--border-primary:#3a3650;--border-secondary:#2e2a42;--border-tertiary:#242038;--accent:hsl(var(--accent-h), var(--accent-s), var(--accent-l-dark));--accent-soft:hsl(var(--accent-h), 30%, 18%);--accent-hover:hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l-dark) - 8%));--accent-text:#0e0e1a;--featured-bg:#3a2a18;--featured-text:#e8c89a;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 12px #0000004d, 0 2px 4px #0003;--shadow-lg:0 12px 40px #0006, 0 4px 12px #00000040;--shadow-glow:0 0 0 3px hsl(var(--accent-h), 30%, 25%);--scrollbar-thumb:#3a3650;--scrollbar-track:transparent;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.serif{font-family:Playfair Display,Georgia,Times New Roman,serif}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-family:Playfair Display,serif;font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:clamp(1.25rem,3vw,1.5rem)}h3{font-size:clamp(1rem,2.5vw,1.125rem)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::selection{background:hsl(var(--accent-h), var(--accent-s), 85%);color:var(--text-primary)}[data-theme=dark] ::selection{background:hsl(var(--accent-h), var(--accent-s), 25%)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}#app{background-color:var(--bg-primary);width:100%;min-height:100dvh;margin:0 auto;animation:.3s ease-out pageIn;position:relative;box-shadow:0 0 50px #0000000d}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s ease-out pageIn}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width:480px){.container{padding:0 1rem}}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:10px 22px;font-size:13px}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-secondary);background:0 0;border-radius:8px;padding:10px 22px;font-size:13px}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.btn-sm{padding:6px 14px;font-size:11px}.btn-md{padding:9px 20px;font-size:13px}.btn-lg{padding:12px 28px;font-size:14px}.btn-icon{border:1px solid var(--border-secondary);width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-full{width:100%}.input{background:var(--bg-primary);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow);background:var(--bg-card);outline:none}.input::placeholder{color:var(--text-tertiary)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-hint{color:var(--text-tertiary);margin-left:6px;font-size:11px;font-weight:400}.tag{border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;border-radius:100px;align-items:center;padding:4px 12px;font-size:11px;font-weight:500;line-height:1.4;transition:all .2s;display:inline-flex}.tag:hover{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.tag.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tag.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tag-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-row-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tag-row-scroll::-webkit-scrollbar{display:none}.avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;transition:transform .2s;display:flex}.avatar:hover{transform:scale(1.05)}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:22px}.avatar-warm{color:#7a5c44;background:#e8d5c4}.avatar-green{color:#2d6a53;background:#d4e8e0}.avatar-purple{color:#5a3d70;background:#e0d4e8}.avatar-blue{color:#3d5a70;background:#d4dfe8}.avatar-rose{color:#704050;background:#e8d4d8}.avatar-amber{color:#6a5a3d;background:#e8e0d4}.card{background:var(--bg-card);border:1px solid var(--border-tertiary);border-radius:12px;padding:24px;transition:all .25s;position:relative}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-compact{padding:18px 24px}.badge{border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.badge-featured{background:var(--featured-bg);color:var(--featured-text)}.category-label{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1}.divider{border:none;border-top:1px solid var(--border-tertiary);margin:0}.poem-excerpt{color:var(--text-secondary);font-family:Playfair Display,serif;font-style:italic;line-height:1.9}.stat{color:var(--text-secondary);font-size:13px}.stat strong{color:var(--text-primary);font-weight:500}.action-icons{color:var(--text-tertiary);align-items:center;gap:16px;font-size:12px;display:flex}.action-icon{cursor:pointer;font-size:inherit;color:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:4px;transition:color .2s;display:inline-flex}.action-icon:hover{color:var(--text-primary)}.action-icon.liked{color:#e74c6f}.action-icon.liked i{animation:.35s heartPop}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.toast{background:var(--accent);color:var(--accent-text);z-index:10000;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:10px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.tab-bar{border-bottom:1px solid var(--border-tertiary);scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 24px;font-size:13px;transition:all .2s}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:500}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 24px}.empty-state i{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.empty-state p{font-size:14px}.section-title{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:12px;font-size:12px;font-weight:500}.download-option{border:1px solid var(--border-tertiary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.download-option:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.download-option-title{color:var(--text-primary);font-size:13px;font-weight:500}.download-option-desc{color:var(--text-tertiary);margin-top:2px;font-size:11px}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.navbar{z-index:100;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;height:60px;padding:0 24px;transition:background-color .35s;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:-.03em;color:var(--text-primary);cursor:pointer;font-family:Playfair Display,serif;font-size:20px;font-weight:700;transition:opacity .2s}.navbar-logo:hover{opacity:.8}.navbar-links{color:var(--text-secondary);gap:28px;font-size:13px;display:flex}.navbar-link{cursor:pointer;padding:4px 0;transition:color .2s;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-20px;left:0;right:0}.navbar-actions,.navbar-desktop-actions{align-items:center;gap:8px;display:flex}.nav-search{justify-content:flex-end;align-items:center;width:200px;display:flex;position:relative}.nav-search-icon{color:var(--text-tertiary);pointer-events:none;font-size:13px;position:absolute;left:10px}.nav-search-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);width:160px;height:25px;color:var(--text-primary);appearance:none;box-sizing:border-box;border-radius:8px;padding:0 10px 0 28px;font-family:inherit;font-size:11px;line-height:1;transition:all .2s}.nav-search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow);background:var(--bg-card);outline:none;width:200px}.nav-search-input::placeholder{color:var(--text-tertiary)}.navbar-username{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:500}.hamburger{cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger-line{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s}.hamburger.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{background:var(--bg-card);z-index:200;width:300px;max-width:85vw;box-shadow:var(--shadow-lg);border-left:1px solid var(--border-tertiary);flex-direction:column;gap:8px;padding:80px 24px 24px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-link{color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:14px 16px;font-size:15px;transition:all .2s}.mobile-drawer-link:hover,.mobile-drawer-link.active{background:var(--bg-secondary);color:var(--text-primary)}.mobile-drawer-divider{border:none;border-top:1px solid var(--border-tertiary);margin:8px 0}.drawer-overlay{background:var(--bg-overlay);z-index:199;opacity:0;transition:opacity .35s;display:none;position:fixed;inset:0}.drawer-overlay.open{opacity:1}.feed-layout{grid-template-columns:1fr 340px;max-width:1680px;min-height:calc(100dvh - 60px);margin-left:auto;margin-right:auto;display:grid}.feed-main{border-right:1px solid var(--border-tertiary);min-width:0;padding:24px}.feed-sidebar{min-width:0;padding:24px}.poem-layout{grid-template-columns:1fr 320px;display:grid}.poem-main{border-right:1px solid var(--border-tertiary);min-width:0;padding:48px 60px}.poem-side{min-width:0;padding:32px 24px}.profile-works-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.template-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.author-list{flex-direction:column;gap:12px;display:flex}.author-list-item{justify-content:space-between;align-items:center;display:flex}.author-list-info{align-items:center;gap:10px;display:flex}.author-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.write-page{max-width:800px;margin:0 auto;padding:48px 24px}.page-container{max-width:1680px;margin:0 auto;padding:32px 24px}.profile-hero{border-bottom:1px solid var(--border-tertiary);align-items:flex-start;gap:24px;padding:32px;display:flex}.profile-stats{gap:20px;margin-bottom:16px;font-size:13px;display:flex}.poem-body{border-left:3px solid var(--accent);padding-left:24px}.export-header{margin-bottom:24px}.export-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}@media (max-width:1200px){.feed-layout{grid-template-columns:1fr 300px}.poem-main{padding:40px}.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.feed-layout{grid-template-columns:1fr}.feed-main{border-right:none;border-bottom:1px solid var(--border-tertiary)}.poem-layout{grid-template-columns:1fr}.poem-main{border-right:none;padding:32px 24px}.poem-side{border-top:1px solid var(--border-tertiary);padding:24px}.profile-works-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.navbar-links,.navbar-desktop-actions{display:none}.hamburger,.mobile-drawer{display:flex}.drawer-overlay{display:block}body,html{overflow-x:hidden}.container,.page-container{width:100%;max-width:100%;padding-left:16px;padding-right:16px}.write-page{padding:24px 16px;max-width:100%!important}.author-list-grid,.collections-grid{grid-template-columns:1fr!important}.navbar{padding:0 16px}.feed-main,.feed-sidebar{padding:16px}.poem-main{padding:24px 16px}.poem-side{padding:20px 16px}.profile-hero{text-align:center;flex-direction:column;align-items:center;padding:20px 16px}.profile-stats{justify-content:center}.profile-works-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.export-actions{flex-direction:column}.export-actions .btn{width:100%}}@media (max-width:480px){.feed-main,.feed-sidebar{padding:12px}.card{padding:16px}.card-compact{padding:14px 16px}.poem-main{padding:20px 14px}.poem-body{padding-left:16px}.template-grid{grid-template-columns:1fr}h1{font-size:1.5rem}.profile-hero{padding:16px 12px}.tab-item{padding:10px 16px;font-size:12px}}@media (min-width:1280px){.regular-poem-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}}@media (min-width:1600px){.feed-layout,.poem-layout{grid-template-columns:1fr 400px}.regular-poem-grid{grid-template-columns:repeat(2,1fr);gap:24px}.poem-main>*{max-width:900px;margin-left:auto;margin-right:auto}.profile-works-grid{grid-template-columns:repeat(4,1fr)}.template-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:2200px){.feed-layout,.poem-layout{grid-template-columns:1fr 480px}.regular-poem-grid{grid-template-columns:repeat(3,1fr);gap:32px}.poem-main>*{max-width:1100px}.profile-works-grid{grid-template-columns:repeat(5,1fr)}.template-grid{grid-template-columns:repeat(6,1fr)}}.poem-editor-form{flex-direction:column;display:flex}.form-error{background:var(--error-bg,#faebed);color:var(--error-text,#9b273a);border:1px solid #f0c2c9;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}[data-theme=dark] .form-error{--error-bg:#351d21;--error-text:#ea8696;border-color:#562e35}.form-actions{border-top:1px solid var(--border-tertiary);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.search-results-count{color:var(--text-secondary);margin-bottom:28px;font-size:13px}.search-results-count strong{color:var(--text-primary);font-weight:600}.search-results-count em{color:var(--text-primary);font-style:normal}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (max-width:480px){.search-results-grid{grid-template-columns:1fr}}.featured-strip{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.featured-poem-card{background:var(--bg-card);border:1px solid var(--border-secondary);cursor:pointer;border-radius:14px;transition:box-shadow .25s,transform .2s,border-color .25s;display:flex;position:relative;overflow:hidden}.featured-poem-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.featured-poem-card__accent{background:linear-gradient(180deg, var(--accent) 0%, transparent 100%);opacity:.65;flex-shrink:0;width:5px}.featured-poem-card__body{flex-direction:column;flex:1;gap:0;min-width:0;padding:28px 32px 24px;display:flex}.featured-poem-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.featured-poem-card__meta{align-items:center;gap:10px;display:flex}.featured-poem-card__read-time{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.featured-poem-card__title{letter-spacing:-.4px;color:var(--text-primary);margin-bottom:14px;font-size:clamp(22px,2.2vw,30px);line-height:1.2}.featured-poem-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:16px;line-height:1.75;display:-webkit-box;overflow:hidden}.featured-poem-card__footer{border-top:1px solid var(--border-tertiary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.featured-poem-card__author{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.featured-poem-card__date{color:var(--text-tertiary);margin-top:2px;font-size:11px}.badge-featured{letter-spacing:.04em;text-transform:uppercase;background:var(--featured-bg);color:var(--featured-text);border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-featured .ti{font-size:9px}.regular-poem-grid{grid-template-columns:1fr;gap:16px;display:grid}.poem-card-featured{flex-direction:column;height:100%;display:flex;position:relative}.poem-card-featured .badge{position:absolute;top:16px;right:16px}.poem-card-featured .poem-excerpt{-webkit-line-clamp:4;-webkit-box-orient:vertical;height:96px;margin-bottom:18px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.poem-card-featured .card-footer{border-top:1px solid var(--border-tertiary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.poem-card-featured .author-info{align-items:center;gap:8px;display:flex}.poem-card--mine{border-left:3px solid var(--accent)}.featured-poem-card.poem-card--mine .featured-poem-card__accent{opacity:1;background:var(--accent)}.featured-poem-card .author-name,.poem-card-featured .author-name{font-size:13px;font-weight:500}.poem-card-container{position:relative}.poem-card-container .remove-poem-btn{z-index:10;opacity:0;pointer-events:none;border-radius:100px;align-items:center;gap:4px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.85)translateY(-2px)}.poem-card-container:hover .remove-poem-btn,.poem-card-container .remove-poem-btn.confirming{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.remove-poem-icon{border:1px solid var(--border-secondary);background:var(--bg-card);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000001a}.remove-poem-icon:hover{color:#fff;background:#d92644;border-color:#0000;box-shadow:0 4px 10px #c3223d59}.remove-confirm-yes,.remove-confirm-no{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 2px 8px #00000026}.remove-confirm-yes{color:#fff;background:#d92644}.remove-confirm-yes:hover{background:#b62039;transform:scale(1.08)}.remove-confirm-no{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-secondary)}.remove-confirm-no:hover{background:var(--bg-secondary);transform:scale(1.08)}.remove-poem-icon:focus-visible,.remove-confirm-yes:focus-visible,.remove-confirm-no:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poem-viewer-back{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:4px;font-size:13px;transition:color .2s;display:flex}.poem-viewer-back:hover{color:var(--text-primary)}.poem-viewer-title{letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.15}.poem-viewer-meta{color:var(--text-tertiary);margin-bottom:36px;font-size:13px}.poem-viewer-text{color:var(--text-primary);font-family:Playfair Display,serif;font-size:17px;font-style:italic;line-height:2.1}.author-side-panel{margin-bottom:24px}.author-side-panel .author-name{margin-top:12px;font-size:15px;font-weight:500}.author-side-panel .author-bio{color:var(--text-tertiary);margin-bottom:12px;font-size:12px}.author-side-panel .author-stats{color:var(--text-secondary);gap:16px;margin-bottom:14px;font-size:12px;display:flex}.author-side-panel .author-stats strong{color:var(--text-primary);font-weight:500}.download-options{flex-direction:column;gap:8px;display:flex}.share-buttons{gap:8px;display:flex}.share-buttons .btn{flex:1}.template-card{border:2px solid var(--border-tertiary);cursor:pointer;border-radius:12px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card.selected{border-color:var(--accent);box-shadow:var(--shadow-glow)}.template-preview{border-bottom:1px solid var(--border-tertiary);overflow-wrap:break-word;word-break:break-word;flex-direction:column;flex:1;justify-content:center;min-height:200px;padding:24px 20px;display:flex}.template-preview-minimal{background:#fff}.template-preview-dark{background:#12112a}.template-preview-love{background:#f5f0e4;position:relative}.template-preview-story{background:#2d1f3d;justify-content:space-between}.template-preview-siteview{background:#faf8f4}.template-info{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.template-info-name{color:var(--text-primary);font-size:12px;font-weight:500}.template-info-desc{color:var(--text-tertiary);margin-top:2px;font-size:10px}.template-selected-badge{background:var(--accent);color:var(--accent-text);border-radius:100px;padding:3px 10px;font-size:10px;font-weight:500}.profile-name{margin-bottom:2px;font-family:Inter,sans-serif;font-size:22px;font-weight:500}.profile-bio{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.work-card{cursor:pointer}.work-card-category{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px}.work-card-title{color:var(--text-primary);margin-bottom:6px;font-family:Playfair Display,serif;font-size:14px;font-weight:700}.work-card-excerpt{color:var(--text-secondary);font-size:12px;line-height:1.6}.work-card-meta{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.theme-panel{background:var(--bg-card);border:1px solid var(--border-tertiary);z-index:150;width:260px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:14px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed;top:68px;right:24px;transform:translateY(-8px)scale(.97)}.theme-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.theme-panel-title{color:var(--text-primary);margin-bottom:16px;font-size:13px;font-weight:600}.theme-mode-toggle{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:3px;display:flex}.theme-mode-option{text-align:center;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.theme-mode-option.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}@media (min-width:1280px){.regular-poem-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px}}.accent-swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px;display:grid}.accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.accent-swatch:hover{transform:scale(1.1)}.accent-swatch.active{border-color:var(--text-primary)}.accent-swatch.active:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 2px #0000004d}.accent-swatch-indigo{background:#313881}.accent-swatch-rose{background:#b82e49}.accent-swatch-emerald{background:#2d8668}.accent-swatch-amber{background:#b17025}.accent-swatch-violet{background:#6b36a1}.accent-swatch-ocean{background:#27749b}.accent-label{color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:500}.color-customizer{background:var(--bg-card);border:1px solid var(--border-tertiary);width:240px;box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;border-radius:12px;padding:16px;transition:all .25s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(8px)}.color-customizer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.color-swatch-row{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:all .2s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--accent);box-shadow:var(--shadow-glow)}@media (max-width:767px){.theme-panel{width:240px;right:12px}}@media (max-width:480px){.theme-panel{width:auto;left:8px;right:8px}}@media (max-width:320px){.featured-poem-card__meta .category-label{display:none!important}}.poem-card-share-menu-wrap{display:none;position:relative}.poem-card-share-dropdown{background:var(--bg-card);border:1px solid var(--border-secondary);min-width:148px;box-shadow:var(--shadow-lg);z-index:200;border-radius:10px;animation:.18s cubic-bezier(.4,0,.2,1) shareMenuIn;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}@keyframes shareMenuIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.poem-card-share-dropdown-item{width:100%;color:var(--text-primary);border:none;border-bottom:1px solid var(--border-tertiary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:9px;padding:11px 14px;font-family:Inter,sans-serif;font-size:13px;line-height:1;text-decoration:none;transition:background .15s;display:flex}.poem-card-share-dropdown-item:last-child{border-bottom:none}.poem-card-share-dropdown-item:hover{background:var(--bg-secondary)}.poem-card-share-dropdown-item i{color:var(--text-secondary);flex-shrink:0;font-size:14px}@media (max-width:320px){.poem-card-download-btn,.poem-card-share-btn{display:none}.poem-card-share-menu-wrap{display:block}}.poem-card__title--clamp,.poem-card__title--clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-feed-interrupt{margin-bottom:28px;display:none}@media (max-width:767px){.mobile-feed-interrupt{display:block}}.mobile-feed-interrupt__header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 2px;display:flex}.mobile-snap-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.mobile-snap-scroll::-webkit-scrollbar{display:none}.mobile-author-card{scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-secondary);text-align:center;border-radius:14px;flex-direction:column;flex:0 0 148px;align-items:center;gap:8px;padding:18px 12px 14px;transition:box-shadow .2s,border-color .2s;display:flex}.mobile-author-card:hover,.mobile-author-card:focus-within{border-color:var(--accent);box-shadow:0 4px 20px #00000014}.mobile-author-card__link{color:inherit;flex-direction:column;align-items:center;gap:8px;width:100%;text-decoration:none;display:flex}.mobile-author-card__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.mobile-author-card__bio{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-author-card>.btn{margin-top:auto}.mobile-tags-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.mobile-tags-scroll::-webkit-scrollbar{display:none}.mobile-tags-scroll .tag{scroll-snap-align:start;white-space:nowrap;flex:none}