:root{--metal-warm: #8b7355;--metal-dark: #3a3633;--metal-light: #c0b5a8;--metal-rust: #a0522d;--metal-steel: #71797e;--text-light: #e8e6e3;--text-dark: #2b2826;--shadow-deep: rgba(0, 0, 0, .6);--shadow-medium: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#2b2826,#3a3633,#4a4540,#3a3633,#2b2826);background-attachment:fixed;min-height:100vh;color:var(--text-light);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1}#root{position:relative;z-index:2}input,textarea,button{font-family:inherit}._form_1iw26_1{display:flex;flex-direction:column;gap:1.25rem}._formTitle_1iw26_7{font-size:1.75rem;font-weight:700;color:var(--text-light);margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:1.5px}._inputGroup_1iw26_17{display:flex;flex-direction:column;gap:.5rem}._input_1iw26_17,._textarea_1iw26_24{background:linear-gradient(135deg,#e8e6e3,#d0ccc8);border:2px solid #8b7355;padding:.75rem;font-size:1rem;border-radius:4px;color:var(--text-dark);box-shadow:inset 0 2px 4px #0000001a,0 1px #ffffff1a;transition:all .2s}._input_1iw26_17:focus,._textarea_1iw26_24:focus{outline:none;border-color:#9a8365;background:linear-gradient(135deg,#f0eee8,#d8d4d0);box-shadow:inset 0 2px 4px #00000026,0 0 0 3px #8b735533}._input_1iw26_17::placeholder,._textarea_1iw26_24::placeholder{color:#8a8580}._textarea_1iw26_24{resize:vertical;min-height:120px;font-family:inherit}._submitButton_1iw26_58{background:linear-gradient(135deg,#8b7355,#6a5545);border:2px solid #9a8365;color:var(--text-light);padding:.875rem 1.5rem;font-size:1.125rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0006,inset 0 1px #fff3,inset 0 -2px #0003;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem}._submitButton_1iw26_58:hover{background:linear-gradient(135deg,#9a8365,#7a6555);transform:translateY(-2px);box-shadow:0 6px 12px #00000080,inset 0 1px #ffffff40,inset 0 -2px #0003}._submitButton_1iw26_58:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #fff3,inset 0 -2px #0003}._note_epezn_1{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%),linear-gradient(45deg,#b8a898,#c8bdb0 15%,#a89b8e 35%,#c0b5a8,#a89b8e 65%,#c8bdb0 85%,#b8a898);padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;position:relative;box-shadow:0 6px 15px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0003,inset 2px 0 3px #0000001a,inset -2px 0 3px #ffffff1a;border:2px solid #8b7355;transition:transform .2s,box-shadow .2s;overflow:hidden}._note_epezn_1:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3CfeColorMatrix values='0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");border-radius:6px;pointer-events:none;mix-blend-mode:overlay}._note_epezn_1:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 75%,rgba(160,82,45,.18) 0%,transparent 45%),radial-gradient(ellipse at 85% 25%,rgba(160,82,45,.12) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(139,115,85,.08) 0%,transparent 60%),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 3px,transparent 3px,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 6px);border-radius:6px;pointer-events:none}._note_epezn_1:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff59,inset 0 -1px #0003}._screw_epezn_77{position:absolute;z-index:10}._screwTopLeft_epezn_82{top:8px;left:8px}._screwTopRight_epezn_87{top:8px;right:8px}._screwBottomLeft_epezn_92{bottom:8px;left:8px}._screwBottomRight_epezn_97{bottom:8px;right:8px}._content_epezn_102{position:relative;z-index:1;padding:1rem .5rem}._title_epezn_108{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;text-shadow:1px 1px 2px rgba(255,255,255,.3)}._text_epezn_116{color:#3a3633;margin-bottom:1rem;line-height:1.6;white-space:pre-wrap}._footer_epezn_123{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(58,54,51,.2)}._date_epezn_132{font-size:.875rem;color:#5a5550;font-style:italic}._deleteButton_epezn_138{background:linear-gradient(135deg,#8b7355,#6a5545);border:2px solid #7a6555;color:var(--text-light);padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #0000004d,inset 0 1px #fff3;text-transform:uppercase}._deleteButton_epezn_138:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff40}._deleteButton_epezn_138:active{transform:translateY(0);box-shadow:0 1px 3px #0000004d,inset 0 1px #fff3}._note_lrix0_1{background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%),linear-gradient(45deg,#b8a898,#c8bdb0 15%,#a89b8e 35%,#c0b5a8,#a89b8e 65%,#c8bdb0 85%,#b8a898);padding:1.5rem;border-radius:6px;margin-bottom:1.5rem;position:relative;box-shadow:0 6px 15px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0003,inset 2px 0 3px #0000001a,inset -2px 0 3px #ffffff1a;border:2px solid #8b7355;transition:transform .2s,box-shadow .2s;overflow:hidden}._texture_lrix0_33{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6;mix-blend-mode:overlay}._note_lrix0_1:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff59,inset 0 -1px #0003}._screw_lrix0_51{position:absolute;z-index:10}._screwTopLeft_lrix0_56{top:8px;left:8px}._screwTopRight_lrix0_61{top:8px;right:8px}._screwBottomLeft_lrix0_66{bottom:8px;left:8px}._screwBottomRight_lrix0_71{bottom:8px;right:8px}._content_lrix0_76{position:relative;z-index:1;padding:1rem .5rem}._title_lrix0_82{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.75rem;text-shadow:1px 1px 2px rgba(255,255,255,.3)}._text_lrix0_33{color:#3a3633;margin-bottom:1rem;line-height:1.6;white-space:pre-wrap}._footer_lrix0_97{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(58,54,51,.2)}._date_lrix0_106{font-size:.875rem;color:#5a5550;font-style:italic}._deleteButton_lrix0_112{background:linear-gradient(135deg,#8b7355,#6a5545);border:2px solid #7a6555;color:var(--text-light);padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #0000004d,inset 0 1px #fff3;text-transform:uppercase}._deleteButton_lrix0_112:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff40}._deleteButton_lrix0_112:active{transform:translateY(0);box-shadow:0 1px 3px #0000004d,inset 0 1px #fff3}._container_1izcf_1{margin-top:2rem}._emptyMessage_1izcf_5{text-align:center;font-size:1.25rem;color:var(--text-light);padding:3rem;background:linear-gradient(135deg,#3a3633,#4a4540);border-radius:8px;border:2px dashed #5a5550;opacity:.7}._notesList_1izcf_16{display:flex;flex-direction:column}._overlay_1stob_1{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}._modal_1stob_15{background:linear-gradient(135deg,#4a4540,#3a3633,#4a4540);padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;border:2px solid #5a5550}._modal_1stob_15:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);border-radius:8px;pointer-events:none}._closeButton_1stob_45{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#6a6560,#4a4540);border:2px solid #5a5550;color:var(--text-light);width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 5px #0000004d,inset 0 1px #ffffff1a}._closeButton_1stob_45:hover{background:linear-gradient(135deg,#7a7570,#5a5550);transform:translateY(-1px);box-shadow:0 4px 8px #0006,inset 0 1px #ffffff26}._closeButton_1stob_45:active{transform:translateY(0);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1a}._content_1stob_82{position:relative;z-index:1}._container_2x4fd_1{min-height:100vh;display:flex;flex-direction:column}._header_2x4fd_7{background:linear-gradient(135deg,#4a4540,#3a3633,#4a4540);padding:1.5rem 2rem;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a,inset 0 -2px #0000004d;border-bottom:3px solid #5a5550;position:relative}._header_2x4fd_7:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.03) 3px,rgba(0,0,0,.03) 6px);pointer-events:none}._headerContent_2x4fd_33{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}._title_2x4fd_43{font-size:2rem;font-weight:700;color:var(--text-light);text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(139,115,85,.3);letter-spacing:2px;text-transform:uppercase}._addButton_2x4fd_54{background:linear-gradient(135deg,#8b7355,#6a5545);border:2px solid #9a8365;color:var(--text-light);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0006,inset 0 1px #fff3,inset 0 -2px #0003;text-transform:uppercase;letter-spacing:1px}._addButton_2x4fd_54:hover{background:linear-gradient(135deg,#9a8365,#7a6555);transform:translateY(-2px);box-shadow:0 6px 12px #00000080,inset 0 1px #ffffff40,inset 0 -2px #0003}._addButton_2x4fd_54:active{transform:translateY(0);box-shadow:0 2px 4px #0006,inset 0 1px #fff3,inset 0 -2px #0003}._main_2x4fd_89{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}