*{box-sizing:border-box}:root{--night-0:#050713;--night-1:#090d1d;--night-2:#10152d;--ink:#f7f0dc;--muted:#b7a98f;--dim:#83785f;--gold:#d9b86f;--soft-gold:#f4d891;--moss:#566b4f;--moss-light:#88a56f;--rose:#b97880;--violet:#8d7ad6;--danger:#f87171;--panel:#111427c7;--panel-strong:#0b0d1beb;--line:#f4d8912e;--line-strong:#f4d8915c;--shadow:0 24px 80px #0000006b}html,body{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 18% 8%,#d9b86f2e 0 2px,#0000 3px),radial-gradient(circle at 74% 14%,#8d7ad63d 0 1px,#0000 3px),radial-gradient(circle at 86% 42%,#f4d8911f 0 2px,#0000 4px),radial-gradient(circle at 12% 66%,#88a56f21 0 1px,#0000 3px),radial-gradient(circle at 50% -10%,#503a7a80,#0000 38%),linear-gradient(155deg,#04050d 0%,#0c1024 42%,#111823 70%,#070812 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(at 0 100%,#32452a61,#0000 46%),radial-gradient(at 100% 0,#492d7152,#0000 44%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(#f4d8910a 1px,#0000 1px),linear-gradient(90deg,#f4d89106 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 78%)}.app-shell{max-width:920px;min-height:100vh;margin:0 auto;padding:22px 16px 34px}.topbar{border:1px solid var(--line-strong);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#151930eb,#0b0e1ddb),radial-gradient(circle at 12% 18%,#f4d8912e,#0000 28%);border-radius:28px;margin-bottom:18px;padding:26px 26px 24px;position:relative;overflow:hidden}.topbar:before{content:"✦";color:#f4d8918c;text-shadow:0 0 22px #f4d891b3;font-size:1.5rem;position:absolute;top:14px;right:22px}.topbar:after{content:"";background:radial-gradient(#566b4f59,#0000 62%);height:120px;position:absolute;inset:auto -20% -64px}.topbar h1{margin:0 0 4px;font-size:1.8rem}.topbar p{color:var(--muted);margin:5px 0;font-size:.92rem}.status-text{text-shadow:0 0 18px #d9b86f38;color:var(--soft-gold)!important;margin-top:9px!important;font-size:.82rem!important}.app-title{letter-spacing:.015em;background:linear-gradient(135deg,#fff6d7 0%,#e6bf70 40%,#b8a2ff 72%,#f1d489 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px #d9b86f24);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:800;line-height:1.05}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(150deg,#13172bd6,#090c1ac2),radial-gradient(circle at 100% 0,#d9b86f14,#0000 34%);border-radius:24px;margin-bottom:16px;padding:21px;position:relative;overflow:hidden;box-shadow:0 16px 48px #0000003d,inset 0 1px #ffffff0a}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000,#f4d89112,#0000) top/100% 1px no-repeat;position:absolute;inset:0}.card h2{color:#f5df9c;letter-spacing:.01em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.card h3{font-family:Georgia,Times New Roman,serif}.form-row{gap:12px;display:flex}.form-col{flex:1;min-width:0}label{color:#d7cba8;text-transform:uppercase;letter-spacing:.09em;margin:12px 0 6px;font-size:.76rem;font-weight:700;display:block}input,select,textarea{width:100%;color:var(--ink);background:#03050f7a;border:1px solid #f4d8912e;border-radius:14px;outline:none;padding:11px 13px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff09}input::placeholder,textarea::placeholder{color:#b7a98f94}input:focus,select:focus,textarea:focus{background:#070916b3;border-color:#f4d8919e;box-shadow:0 0 0 3px #d9b86f1f,inset 0 1px #ffffff0a}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.92)sepia(.35)saturate(1.4)}select option{color:var(--ink);background:#0d1124}textarea{resize:vertical}.hint{color:var(--muted);margin:5px 0 0;font-size:.78rem}.hint-inline{color:var(--dim);margin-left:8px;font-size:.75rem;font-weight:400}.tag-grid{flex-wrap:wrap;gap:7px;margin-top:5px;display:flex}.tag{color:#d7cba8;cursor:pointer;background:#f4d8910e;border:1px solid #f4d89129;border-radius:999px;width:auto;margin:0;padding:6px 12px;font-size:.78rem;font-weight:650;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s}.tag:hover{color:#fff4cc;background:#d9b86f21;border-color:#f4d8916b;transform:translateY(-1px);box-shadow:0 8px 22px #0000002e}.tag-active{color:#08101b;background:linear-gradient(135deg,#d9b86ff2,#8d7ad6d6);border-color:#fff4ccb8;box-shadow:0 0 22px #d9b86f2e}.btn-primary{color:#080b16;cursor:pointer;background:linear-gradient(135deg,#d9b86f 0%,#9d8851 42%,#7666bd 100%);border:1px solid #fff4cc47;border-radius:16px;width:100%;margin-top:16px;padding:14px;font-size:1rem;font-weight:800;transition:opacity .2s,transform .1s,box-shadow .2s,filter .2s;box-shadow:0 14px 30px #00000047,0 0 28px #d9b86f21}.btn-primary:hover{opacity:.96;filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.48;cursor:not-allowed;filter:none;transform:none}.btn-secondary{color:#cbbf9e;cursor:pointer;background:#f4d89109;border:1px solid #f4d8912e;border-radius:15px;width:100%;margin-top:10px;padding:12px;font-size:.9rem;transition:background .18s,border-color .18s,color .18s}.btn-secondary:hover{color:#fff1c2;background:#f4d89114;border-color:#f4d89157}.btn-small{color:#e6dcc1;cursor:pointer;background:#f4d8910e;border:1px solid #f4d89121;border-radius:11px;flex:1;width:auto;margin-top:0;padding:8px 0;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.btn-small:hover{background:#f4d8911f;border-color:#f4d89147;transform:translateY(-1px)}.btn-small:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{color:#080b16!important;background:linear-gradient(135deg,#d9b86f,#7c6dcc)!important}.story-box{white-space:pre-wrap;color:#efe5c7;background:linear-gradient(#03050f99,#03050fb8),repeating-linear-gradient(0deg,#0000 0 29px,#f4d8910b 30px);border:1px solid #f4d89129;border-radius:18px;min-height:170px;padding:18px;font-size:1rem;line-height:1.85;position:relative;box-shadow:inset 0 0 32px #00000038}.profiles-section{margin-bottom:30px}.profiles-section h2{color:#f5df9c;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.profiles-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.profile-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(155deg,#13172bd1,#080b16bd),radial-gradient(circle at 50% 0,#f4d8911c,#0000 42%);border:1px solid #f4d89129;border-radius:20px;padding:15px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 12px 34px #0000002e}.profile-card:hover{border-color:#f4d89170;transform:translateY(-2px);box-shadow:0 18px 42px #00000047}.profile-avatar{color:#080b16;background:radial-gradient(circle at 30% 25%,#fff1b9,#d9b86f 44%,#6c5aae 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 9px;font-size:1.22rem;font-weight:900;display:flex;box-shadow:0 0 24px #d9b86f3d}.profile-card h3{color:#f5ecd0;margin:0 0 2px;font-size:.9rem}.profile-age{color:var(--soft-gold);margin:0 0 2px;font-size:.75rem}.profile-detail{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:.72rem;overflow:hidden}.profile-actions{gap:6px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background:#000000bd;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:600px;box-shadow:var(--shadow);background:linear-gradient(150deg,#13172bfa,#080b16f5);border:1px solid #f4d89142;border-radius:24px;margin:auto;padding:24px;position:relative;overflow:hidden}.modal:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d9b86f1a,#0000 35%);position:absolute;inset:0}.modal h2{color:#f5df9c;margin:0 0 16px;font-family:Georgia,Times New Roman,serif;position:relative}.modal-actions{flex-direction:column;gap:0;margin-top:8px;display:flex}.card button[style*="rgba(248,113,113"]{color:#f3a2a2!important;background:#b978801c!important;border-color:#b978808c!important}.card button[style*="rgba(255,255,255,0.05"]{color:#cbbf9e!important;background:#f4d8910d!important;border-color:#f4d89129!important}::selection{color:#fff8df;background:#d9b86f57}@media (max-width:600px){.form-row{flex-direction:column}.profiles-grid{grid-template-columns:repeat(2,1fr)}.topbar{border-radius:24px;padding:22px 20px}.topbar h1,.app-title{font-size:2.18rem}.app-shell{padding:14px 12px 28px}.card{border-radius:21px;padding:18px}}