@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.max-w-\[1120px\]{max-width:1120px}.grow{flex-grow:1}.grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[linear-gradient\(155deg\,rgba\(11\,30\,107\,0\.85\)_0\%\,rgba\(0\,14\,37\,0\.92\)_55\%\,rgba\(0\,6\,18\,0\.98\)_100\%\)\]{background-image:linear-gradient(155deg,#0b1e6bd9 0%,#000e25eb 55%,#000612fa 100%)}.whitespace-pre-line{white-space:pre-line}.text-\[\#f7c400\]{color:#f7c400}.text-\[\#f9fafb\]{color:#f9fafb}.lowercase{text-transform:lowercase}.shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.55\)\,inset_0_0_20px_rgba\(255\,215\,0\,0\.05\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,#0000008c),inset 0 0 20px var(--tw-shadow-color,#ffd7000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{--x-blue:#0b1e6b;--x-gold:#f4d03f;--x-offwhite:#fff9d6;--x-line:#000;--x-bg-panel:#1a1a1a;--x-text-main:#fff;--x-red-burst:#c4122f}body{color:var(--x-text-main);background:#020617;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif}.page-wrapper{max-width:1200px;margin:1rem auto 4rem;padding:0 1rem}.site-header{background:var(--x-blue);border-bottom:4px solid var(--x-gold);color:#fff}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:10px 0;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-title{text-transform:uppercase;color:#fff;font-size:1rem;font-weight:800}.brand-sub{color:var(--x-gold);font-size:.7rem;font-weight:700}.main-nav{gap:.75rem;display:flex}.nav-link{border:2px solid var(--x-line);background:var(--x-gold);color:#000;padding:.3rem .5rem;font-size:.8rem;font-weight:600;text-decoration:none;box-shadow:2px 2px #000}.nav-link:hover{transform:translate(-1px,-1px)rotate(-1deg);box-shadow:4px 4px #000}.nav-link-logout{color:#000;background-color:#f5c400;border:none;border-radius:4px;padding:.4rem .75rem;font-weight:600}.nav-link-logout:hover{color:#000;background-color:#ffd84d}.landing-community{padding-top:36px}.landing-hero{background:linear-gradient(135deg,#0f172a 0%,var(--x-blue)35%,#020617 100%);padding:72px 24px 56px;position:relative}.landing-hero-inner{align-items:flex-start;gap:40px;max-width:1120px;margin:0 auto;display:flex}@media (max-width:900px){.landing-hero-inner{flex-direction:column}}.landing-left{flex:1}.landing-right{flex-direction:row;flex-shrink:0;justify-content:flex-end;gap:16px;display:flex}.landing-comic{text-align:center;width:150px}.landing-comic img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;max-width:150px;height:auto;display:block;box-shadow:0 6px 18px #00000059}.landing-comic-title{color:#fff;margin-top:8px;font-size:.9rem;font-weight:600}.landing-comic-sub{color:var(--x-gold);font-size:.75rem}.landing-badge{color:#facc15;letter-spacing:.12em;text-transform:uppercase;background:#0f172ae6;border:1px solid #facc1599;border-radius:999px;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #facc154d}.landing-title{color:#f9fafb;font-size:3rem;font-weight:800;line-height:1.1}.landing-title-accent{color:var(--x-gold)}.landing-subtitle{color:#e5e7eb;max-width:640px;font-size:1rem;line-height:1.6}.landing-subtitle-accent{color:var(--x-gold);font-weight:600}.landing-bullets{color:#d1d5db;margin:20px 0;padding-left:20px;font-size:.95rem;line-height:1.5;list-style:outside}.landing-cta-row{gap:12px;margin:24px 0 16px;display:flex}.landing-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.landing-btn-primary{color:#020617;background:#facc15;box-shadow:0 10px 40px #facc1566}.landing-btn-primary:hover{background:#fde047}.landing-btn-secondary{color:#e5e7eb;background:0 0;border:1px solid #374151}.landing-btn-secondary:hover{background:#0f172ae6}.landing-footnote{color:#9ca3af;max-width:600px;margin-top:12px;font-size:.85rem;line-height:1.5}.community-links{justify-content:center;align-items:center;gap:22px;display:flex}.community-link{color:#f5c400;justify-content:center;align-items:center;display:flex}.community-link img{filter:brightness(0)saturate()invert(83%)sepia(49%)saturate(747%)hue-rotate(6deg)brightness(104%)contrast(101%);width:26px;height:26px;display:block}.auth-panel{background:radial-gradient(circle at top left,var(--x-blue),#001b40 70%,#000a1c);color:#f9fafb;border-radius:16px;max-width:480px;margin:4rem auto;padding:40px 36px;box-shadow:0 0 40px #00000080}.auth-title{color:var(--x-gold);text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.auth-input{color:#f9fafb;background:#0f172a;border:1px solid #374151;border-radius:8px;width:100%;margin-bottom:1rem;padding:10px;display:block}.site-footer{background:var(--x-blue);border-top:4px solid var(--x-gold);margin-top:36px;padding:26px 0 40px}.footer-inner{text-align:center}.footer-tag{color:#facc15;font-size:14px}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;padding:10px 0;display:grid}.comic-card{background:#0f172af5;border:1px solid #334155;border-radius:12px;flex-direction:column;width:100%;max-width:240px;margin:0 auto;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000059}.comic-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #facc1540}.comic-card-cover{aspect-ratio:3/4;background:#000;width:100%;max-height:380px;overflow:hidden}.comic-card-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.comic-card-body{padding:12px 14px}.comic-card-title{color:#f3f4f6;margin-bottom:4px;font-size:.95rem;font-weight:600}.comic-card-meta{color:#94a3b8;font-size:.75rem}.library-toggle{gap:6px;margin-bottom:24px;display:inline-flex}.library-toggle button{color:#e5e7eb;cursor:pointer;background:#0f172a;border:1px solid #374151;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.library-toggle button.active{color:#020617;background:#facc15;border-color:#facc15}.empty-state{margin-top:24px}.detail-layout{grid-template-columns:minmax(380px,440px) 1fr;align-items:start;gap:3rem;max-width:1080px;margin:0 auto;padding:2.5rem 2.75rem;display:grid}@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}.issue-controls{border-left:1px solid #ffffff14;width:100%;max-width:320px;margin-top:1.5rem;padding-left:1.5rem}.issue-hero{justify-content:center;margin-bottom:1rem;display:flex}.issue-cover-frame{aspect-ratio:3/4;background:#000;border-radius:14px;width:100%;max-width:320px;max-height:440px;overflow:hidden;box-shadow:0 10px 28px #00000073,0 0 24px #facc1540}.issue-cover-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.issue-section{margin-top:24px}.issue-section-title{margin-bottom:8px;font-size:1.25rem;font-weight:700}.condition-grid{gap:16px;display:grid}.condition-input{align-items:center;gap:12px;display:flex}.condition-score{font-size:.9rem;font-weight:700}.issue-siblings{justify-content:space-between;margin-top:20px;display:flex}.comic-card-actions{flex-direction:column;gap:8px;margin-top:auto;padding:12px 14px;display:flex}.comic-btn{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.comic-btn:hover{background:#1e293b}.issue-status-row{gap:10px;margin:14px 0 18px;display:flex}.issue-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.detail-nav-row{gap:14px;margin-top:24px;display:flex}.detail-nav-row a{color:#e5e7eb;background:#0f172a;border:1px solid #374151;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none}.detail-nav-row a:hover{background:#1e293b}.metadata-column{padding-top:4px;padding-right:12px}.metadata-section{border-top:1px solid #ffffff14;padding-top:1.5rem}.news-page h1{color:var(--x-offwhite);letter-spacing:-.01em;font-weight:800}.news-post h2{color:var(--x-gold);margin-bottom:.25rem;font-weight:700}.news-post-date{color:#94a3b8;font-size:.85rem;font-style:italic}.news-post-body{color:#e5e7eb;margin-top:.75rem;line-height:1.6}.page{padding:2rem}.form-card{background:#0a1428e6;border:1px solid #ffd7004d;border-radius:14px;max-width:720px;margin:0 auto;padding:2rem}.form-title{margin-bottom:.25rem}.form-subtitle{color:#b9c3ff;margin-bottom:1.5rem;font-size:.9rem}.form{flex-direction:column;gap:1.25rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.field{flex-direction:column;display:flex}label{color:#b9c3ff;margin-bottom:.25rem;font-size:.85rem}input[type=text],input[type=number],input[type=file],input{color:#fff;background:#0b1a3a;border:1px solid #2b3a70;border-radius:6px;height:42px;padding:0 .75rem}small{color:#8fa2ff;margin-top:.25rem;font-size:.75rem}.error{color:#ff6b6b;font-size:.85rem}.primary-btn{color:#0b1a3a;cursor:pointer;background:#ffd400;border:none;border-radius:8px;height:46px;margin-top:.5rem;font-weight:600}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.file-upload{align-items:center;gap:.75rem;display:flex}.file-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0b1a3a;border:1px solid #2b3a70;border-radius:6px;justify-content:center;align-items:center;height:42px;padding:0 1rem;font-size:.85rem;display:inline-flex}.file-button:hover{border-color:#ffd400}.file-name{color:#b9c3ff;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.85rem;overflow:hidden}.add-comic-btn{background:var(--x-gold);color:#020617;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:2px solid #000;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:3px 3px #000}.add-comic-btn:hover{background:#fde047;transform:translate(-1px,-1px);box-shadow:5px 5px #000}.add-comic-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}