:root{--bg: #1C1B18;--surface: #272420;--surface-hover: #32302A;--fg: #F5F1E6;--muted: #A39B8C;--border: #3A352F;--accent: #F2C40C;--accent-soft: #FFF3CD;--shadow: #2D2320;--emo-tristès: #4A6A8A;--emo-dezespwa: #5C3C5E;--emo-lonbraj: #3F423D;--emo-izòlman: #6B7D7B;--emo-dezilizyon: #7F5A46;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Karla", system-ui, sans-serif;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--leading-body: 1.6;--radius: 14px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:300;font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body);font-weight:400}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,transparent 55%,rgba(0,0,0,.45) 100%)}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.app-shell{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12)}.site-header{position:sticky;top:0;z-index:10;background:#1c1b18d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);background:none;border:0;padding:0;cursor:pointer}.brand-mark{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(242,196,12,.25))}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg)}.brand-sub{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.main-nav{display:flex;gap:var(--space-2)}.nav-link{background:none;border:0;padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-sm);letter-spacing:.04em;border-radius:var(--radius-sm);transition:color .2s,background .2s}.nav-link:hover{color:var(--fg);background:var(--surface)}.nav-link.active{color:var(--accent);background:var(--surface)}.hero{text-align:center;margin-bottom:var(--space-10)}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--fg);letter-spacing:-.01em}.hero-sub{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-lg);font-weight:300}.controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:240px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:var(--text-base);transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f2c40c1f}.filter-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:200px}.filter-label{font-size:var(--text-sm);color:var(--muted);letter-spacing:.04em}.filter-select,.field-select{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:var(--text-base);cursor:pointer;transition:border-color .2s}.filter-select:focus,.field-select:focus{outline:none;border-color:var(--accent)}.result-count{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4);letter-spacing:.02em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}.prompt-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px #0006,0 0 0 1px #f2c40c26}.card-accent-bar{height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-soft) 50%,transparent 100%)}.card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-date{font-size:var(--text-sm);color:var(--muted)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--fg);line-height:1.2}.card-desc{color:var(--muted);font-size:var(--text-base);font-weight:300;line-height:var(--leading-body);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.emotion-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--text-sm);font-weight:500;color:var(--accent-soft);letter-spacing:.02em;white-space:nowrap;border:1px solid rgba(255,255,255,.08)}.badge-sm{padding:2px var(--space-2);font-size:11px}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface)}.empty-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--fg)}.empty-sub{margin-top:var(--space-2);color:var(--muted)}.loading-text{color:var(--muted);padding:var(--space-8);text-align:center}.form-view{max-width:640px;margin:0 auto}.prompt-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-sm);color:var(--muted);letter-spacing:.04em}.field-input,.field-textarea{width:100%;padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-base);font-weight:400;transition:border-color .2s,box-shadow .2s}.field-textarea{resize:vertical;min-height:120px;line-height:var(--leading-body)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f2c40c1f}.field-input::placeholder,.field-textarea::placeholder{color:var(--muted)}.form-error{background:#7f5a4633;border:1px solid var(--emo-dezilizyon);color:var(--accent-soft);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-base);font-weight:500;letter-spacing:.02em;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--fg);border-color:var(--surface-hover);background:var(--surface)}.btn-danger{background:transparent;color:var(--accent-soft);border-color:var(--emo-dezilizyon)}.btn-danger:hover{background:#7f5a4640}.admin-view{max-width:900px;margin:0 auto}.admin-controls{margin-bottom:var(--space-5)}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);transition:border-color .2s}.admin-row:hover{border-color:var(--surface-hover)}.admin-row-main{flex:1;min-width:0}.admin-row-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.admin-row-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--fg)}.admin-row-desc{color:var(--muted);font-size:var(--text-base);font-weight:300;line-height:var(--leading-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-row-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.confirm-text{font-size:var(--text-sm);color:var(--accent-soft)}.edit-form{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.edit-actions{display:flex;gap:var(--space-2)}.site-footer{border-top:1px solid var(--border);padding:var(--space-6);text-align:center;color:var(--muted);font-size:var(--text-sm);letter-spacing:.02em}@media (max-width: 720px){.header-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.main-nav{width:100%;overflow-x:auto}.nav-link{white-space:nowrap}.main-content{padding:var(--space-6) var(--space-4) var(--space-10)}.hero-title{font-size:var(--text-2xl)}.controls{flex-direction:column}.filter-wrap{min-width:0}.card-grid{grid-template-columns:1fr}.admin-row{flex-direction:column}.admin-row-actions{width:100%;justify-content:flex-end}}