*{box-sizing:border-box}:root{--cobalt: #2c5be5;--ink: #0f1b33;--slate: #475569;--muted: #64748b;--faint: #94a3b8;--line: #e2e8f0;--page-bg: #eef3fb}body{margin:0;background:var(--page-bg);font-family:Figtree,sans-serif;-webkit-font-smoothing:antialiased}textarea{font-family:inherit}::placeholder{color:var(--faint)}.page{min-height:100vh;display:flex;justify-content:center}.shell{width:100%;max-width:440px;padding:28px 20px 56px;display:flex;flex-direction:column;gap:24px}.banner{background:#fff7ed;border:1.5px solid #fdba74;color:#9a3412;border-radius:14px;padding:13px 15px;font-size:13.5px;font-weight:600;line-height:1.4}.header{display:flex;flex-direction:column;gap:4px}.header__date{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.01em}.header__title{margin:0;font-size:34px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.05}.header__subtitle{font-size:15px;color:var(--muted);font-weight:500}.card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 4px 20px #1f448c12}.form{display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:11px}.field--save{gap:14px}.field__head{display:flex;align-items:baseline;justify-content:space-between}.field__label{font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}.field__value{font-size:13px;font-weight:600;color:var(--cobalt)}.pills{display:flex;gap:8px}.pill{flex:1;padding:13px 0;border-radius:13px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .12s;border:1.5px solid var(--line);background:#fff;color:var(--slate)}.pill.is-active{border-color:var(--cobalt);background:var(--cobalt);color:#fff;box-shadow:0 4px 12px #2c5be547}.note{width:100%;resize:none;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;font-size:15px;color:var(--ink);outline:none;line-height:1.45;background:#f8fafc}.stamp{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#f1f5fd;border-radius:14px}.stamp__icon{width:32px;height:32px;border-radius:9px;background:#dde7fb;display:flex;align-items:center;justify-content:center;flex:none}.stamp__text{display:flex;flex-direction:column}.stamp__label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stamp__value{font-size:15px;font-weight:600;color:var(--ink)}.save{width:100%;padding:16px;border:none;border-radius:14px;background:var(--cobalt);color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #2c5be552;transition:transform .08s}.save:active{transform:scale(.985)}.entries{display:flex;flex-direction:column;gap:13px}.entries__head{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.entries__heading{display:flex;align-items:baseline;gap:8px}.entries__title{margin:0;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.entries__count{font-size:14px;font-weight:600;color:var(--faint)}.export{display:flex;align-items:center;gap:6px;padding:7px 13px;border:1.5px solid #dbe3f4;border-radius:11px;background:#fff;color:var(--cobalt);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.export:disabled{opacity:.45;pointer-events:none}.entry-list{display:flex;flex-direction:column;gap:11px}.entry{background:#fff;border-radius:18px;padding:16px;box-shadow:0 3px 14px #1f448c0f;display:flex;gap:14px;align-items:flex-start}.entry__badge{width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center}.entry__badge span{font-size:19px;font-weight:800;line-height:1}.entry__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.entry__top{display:flex;align-items:center;gap:8px}.entry__leg{font-size:16px;font-weight:700;color:var(--ink)}.entry__word{font-size:12px;font-weight:600;color:var(--cobalt);background:#eaf0fe;padding:2px 8px;border-radius:99px}.entry__time{font-size:13px;font-weight:500;color:var(--faint)}.entry__note{margin:4px 0 0;font-size:14px;color:var(--slate);line-height:1.45;word-wrap:break-word}.entry__del{width:30px;height:30px;flex:none;border:none;background:transparent;color:#cbd5e1;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s,color .12s}.entry__del:hover{background:#fef2f2;color:#ef4444}.empty{background:#fff;border-radius:18px;padding:40px 22px;box-shadow:0 3px 14px #1f448c0f;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.empty__icon{width:52px;height:52px;border-radius:15px;background:var(--page-bg);display:flex;align-items:center;justify-content:center}.empty__title{font-size:16px;font-weight:700;color:var(--ink)}.empty__text{font-size:14px;color:var(--faint);max-width:240px;line-height:1.4}