:root{--ink: #0E0E10;--panel: #141417;--panel-2: #16161a;--off: #F2F0EA;--accent: #FF5436;--accent-rgb: 255, 84, 54;--muted: #8A8F98;--dim: #5a5a62;--line: #2c2c33;--line-2: #24242a;--line-3: #3a3a42;--placeholder: #6a6a72;--light: #cfcfd4;--cream: #F1ECE0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Archivo,system-ui,sans-serif;background:var(--ink);color:var(--off);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--ink);position:relative;overflow-x:hidden}.screen{flex:1;min-height:100dvh;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),22px) 24px max(env(safe-area-inset-bottom),24px)}.eyebrow{display:flex;align-items:center;gap:8px;font:800 9px/1 Archivo;letter-spacing:.16em;text-transform:uppercase}.dot{width:7px;height:7px;background:var(--accent);animation:zjBlink 1.6s steps(1) infinite;flex:none}.eyebrow .accent{color:var(--accent)}.eyebrow .muted{color:var(--muted)}.display{font-family:Anton,sans-serif;font-weight:400;color:var(--off);line-height:.9;margin:0;text-transform:uppercase;letter-spacing:.005em}.accent{color:var(--accent)}.sub{font:400 14px/1.5 Archivo;color:var(--muted);margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 16px}.topbar .title{font:800 10px/1 Archivo;letter-spacing:.16em;text-transform:uppercase;color:var(--off)}.back{background:none;border:0;color:var(--off);font:400 24px/1 Archivo;cursor:pointer;padding:0;width:22px;text-align:left}.btn{display:block;width:100%;text-align:center;border-radius:14px;cursor:pointer;border:0}.btn-primary{background:var(--accent);color:var(--ink);padding:17px;font:800 12px/1 Archivo;letter-spacing:.1em;text-transform:uppercase}.btn-primary:disabled{opacity:.4;cursor:default}.btn-outline{background:none;border:1.5px solid var(--line-3);color:var(--off);padding:15.5px;font:700 12px/1 Archivo;letter-spacing:.1em;text-transform:uppercase}.footnote{font:600 9px/1.4 Archivo;letter-spacing:.12em;color:var(--dim);text-align:center;text-transform:uppercase}.field{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--panel-2);color:var(--off);font:400 15px Archivo;width:100%}.field::placeholder{color:var(--placeholder)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bare-input{border:0;background:none;outline:none;color:var(--off);font:400 15px Archivo;flex:1;min-width:0}.bare-input::placeholder{color:var(--placeholder)}.required{font:700 8px/1 Archivo;letter-spacing:.12em;color:var(--accent);flex:none;text-transform:uppercase}.dropzone{border:1.5px dashed var(--line-3);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 16px;cursor:pointer;text-align:center;width:100%;color:var(--off)}.dropzone .plus{width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font:300 30px/1 Archivo}.dropzone .lead{font:800 11px/1 Archivo;letter-spacing:.08em;text-transform:uppercase}.dropzone .hint{font:500 10px/1 Archivo;color:var(--muted)}.dropzone.has-file{border-style:solid;padding:0;overflow:hidden}.preview{width:100%;height:210px;object-fit:cover;display:block;background:#000}.section-label{font:800 8.5px/1 Archivo;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.seg{display:flex;gap:8px}.seg button{flex:1;text-align:center;padding:13px;border-radius:11px;cursor:pointer;border:1px solid var(--line);background:none;color:var(--light);font:700 10px/1 Archivo;letter-spacing:.06em;text-transform:uppercase}.seg button.active{background:var(--accent);color:var(--ink);font-weight:800;border-color:var(--accent)}.pills{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pill{border:1px solid var(--line);color:var(--light);padding:9px 10px;border-radius:20px;font:600 10px/1 Archivo;text-align:center;cursor:pointer;background:none}.pill.active{border-color:var(--accent);color:var(--accent)}.note-card{background:var(--cream);border-radius:12px;padding:18px 17px;display:flex;flex-direction:column;box-shadow:0 10px 26px #00000059;flex:1;min-height:210px}.note-input{border:0;background:none;outline:none;resize:none;flex:1;font:italic 400 18px/1.5 Georgia,Cormorant Garamond,serif;color:#2a2622;width:100%}.note-input::placeholder{color:#b3a892}.note-foot{border-top:1px solid #d8cfbe;padding-top:11px;margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.name-input{border:0;background:none;outline:none;font:italic 400 15px/1 Georgia,serif;color:#2a2622;flex:1;min-width:0}.name-input::placeholder{color:#b3a892}.anon{display:flex;align-items:center;gap:6px;flex:none}.anon>span{font:600 9px/1 Archivo;color:#8a7f6d}.switch{width:34px;height:19px;border-radius:11px;background:#c9bfa9;position:relative;border:0;cursor:pointer;padding:0;transition:background .16s}.switch .knob{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .16s}.switch.on{background:var(--accent)}.switch.on .knob{left:17.5px}.badge-outline{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--accent);padding:7px 13px;border-radius:5px;font:800 10px/1 Archivo;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-self:center}.glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 60% at 50% 26%,rgba(var(--accent-rgb),.22),transparent 70%);pointer-events:none}.chip{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--panel);width:100%}.chip .thumb{width:42px;height:52px;border-radius:5px;object-fit:cover;flex:none}.chip .thumb.ph{background:linear-gradient(155deg,#7a5c54,#caa99c)}.error{font:600 11px/1.4 Archivo;color:var(--accent);text-align:center}.stack{display:flex;flex-direction:column}.grow{flex:1;min-height:0}.center{align-items:center;text-align:center}@keyframes zjBlink{0%,to{opacity:1}50%{opacity:.12}}@keyframes zjQuake{0%{transform:translate(0) rotate(0) scale(1)}1.5%{transform:translate(-7px,5px) rotate(-2.2deg) scale(1.012)}3%{transform:translate(8px,-6px) rotate(2.4deg) scale(1.012)}4.5%{transform:translate(-8px,4px) rotate(-2deg) scale(1.01)}6%{transform:translate(7px,6px) rotate(2.2deg) scale(1.012)}7.5%{transform:translate(-6px,-5px) rotate(-2.4deg) scale(1.008)}9%{transform:translate(7px,4px) rotate(1.8deg) scale(1.01)}10.5%{transform:translate(-5px,5px) rotate(-1.6deg)}12%{transform:translate(4px,-4px) rotate(1.2deg)}13.5%{transform:translate(-3px,2px) rotate(-.7deg)}15%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(0) rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.dot{animation:none;opacity:1}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}