@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2-variations");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2-variations");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Variable-BZl-SSEF.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d0a0e;color:#f3edf2;min-height:100vh;-webkit-font-smoothing:antialiased}.font-display{font-family:Cabinet Grotesk,Satoshi,sans-serif}::selection{background:#ed639859}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.atmo-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0a0e}.atmo-layer{position:absolute;top:0;right:0;bottom:0;left:0}.atmo-grain{opacity:.05}.atmo-watermark{position:absolute;bottom:-28px;left:-8px;font-size:104px;font-weight:800;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);-webkit-user-select:none;user-select:none}.app{position:relative;min-height:100vh;z-index:1}.main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0d0a0ebf;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.logo{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff}.logo em{font-style:normal;color:#ef679e}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em}.badge-live{background:#57d99a1f;border:1px solid rgba(87,217,154,.3);color:#57d99a}.text-gray{color:#6d6070}.text-sm{font-size:12px}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-box{position:relative;z-index:1;width:min(400px,calc(100vw - 40px));background:#151016d9;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 16px,16px 0,100% 0,100% 100%,16px 100%,0 calc(100% - 16px))}.input{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f3edf2;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:#ef679e73}.btn-primary{width:100%;padding:12px 16px;background:#ef679e;border:none;border-radius:10px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-ghost{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f3edf2;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.btn-ghost:hover{background:#ffffff14}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 24px;background:#151016a6;border:1px dashed rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:all .15s;text-align:center}.dropzone.dragging{background:#ef679e14;border-color:#ef679e73}.dropzone svg{opacity:.6}.dropzone p{font-size:14px;color:#b3a6b8}.dropzone span{font-size:12px;color:#6d6070}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.card{position:relative;background:#151016d9;border:1px solid rgba(255,255,255,.05);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{border-color:#ef679e33;transform:translateY(-1px)}.card-thumb{width:100%;height:140px;object-fit:cover;background:#ffffff08;display:grid;place-items:center;color:#6d6070;font-size:12px}.card-body{padding:10px 12px}.card-name{font-size:13px;font-weight:600;color:#f3edf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:11px;color:#6d6070;margin-top:4px}.card-actions{display:flex;gap:6px;margin-top:8px}.card-actions .icon-btn{flex:1;display:grid;place-items:center;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#b3a6b8;cursor:pointer;transition:all .15s;text-decoration:none}.card-actions .icon-btn:hover{background:#ef679e1f;color:#f075a7;border-color:#ef679e40}.card-actions .icon-btn-danger:hover{background:#f4646c1f;color:#f4646c;border-color:#f4646c4d}.toast{position:fixed;bottom:20px;right:20px;z-index:50;padding:12px 16px;background:#171217f2;border:1px solid rgba(255,255,255,.08);border-left:3px solid #57d99a;border-radius:10px;font-size:13px}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#050306b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.viewer-panel{width:min(960px,100%);max-height:88vh;background:#151016fa;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.viewer-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.viewer-title{flex:1;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-body{overflow:auto;padding:16px;display:grid;place-items:center}.viewer-pre{width:100%;max-height:70vh;overflow:auto;padding:14px;background:#0d0a0e99;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#e8dde7}