:root{--navy:#0b1f3a;--navy-2:#24395a;--ink-2:#1c2d47;--red:#c8102e;--red-dark:#a50e26;--red-tint:#fde2e5;--sky:#9fd0f5;--blue-tint:#ddebf7;--bg:#f2f6fa;--card:#fff;--line:#e6eef6;--border:#c5d4e3;--muted:#4b5b73;--green-bg:#dcf1e4;--green:#14532d;--display:"Archivo", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--navy);font-family:var(--body);-webkit-text-size-adjust:100%;margin:0}body{min-height:100dvh}a{color:var(--red)}button{font-family:inherit}.app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.content{padding-bottom:calc(96px + env(safe-area-inset-bottom));flex:1}.screen{padding:calc(20px + env(safe-area-inset-top)) 18px 24px;flex-direction:column;gap:16px;display:flex}.screen.center{justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800;line-height:1.1}.h2{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.pad{padding:10px 12px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #0b1f3a14}.card.dark{background:var(--navy);color:var(--bg);box-shadow:none}.card.flush{gap:0;padding:0;overflow:hidden}.btn{min-height:48px;font:600 15px var(--body);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--red);color:#fff}.btn.dark{background:var(--navy);color:#fff}.btn.ghost{color:var(--navy);border:1.5px solid var(--navy);background:#fff}.btn.soft{background:var(--blue-tint);color:var(--navy)}.btn.big{min-height:56px;font:700 17px var(--display);width:100%}.btn.block{width:100%}.btn.grow{flex:1}.btn:disabled{opacity:.55;cursor:default}.icon-btn{background:var(--blue-tint);width:44px;height:44px;color:var(--navy);cursor:pointer;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.link-btn{all:unset;cursor:pointer;color:var(--muted);align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:500;display:inline-flex}.field{flex-direction:column;gap:8px;display:flex}.label{color:var(--ink-2);font-size:13px;font-weight:600}.input{border:1.5px solid var(--border);width:100%;height:50px;font:400 17px var(--body);color:var(--navy);background:#fff;border-radius:12px;outline:none;padding:0 14px}.input:focus{border-color:var(--navy)}.input.area{resize:vertical;height:auto;min-height:88px;padding:12px 14px;line-height:1.45}::placeholder{color:#7a8799}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);min-height:44px;color:var(--navy);font:500 15px var(--body);cursor:pointer;background:#fff;border-radius:12px;padding:0 16px}.chip.small{border-radius:999px;min-height:38px;padding:0 12px;font-size:14px}.chip.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.chip.on-dark{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.tag{white-space:nowrap;background:var(--blue-tint);color:var(--navy);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.tag.dark{background:var(--navy);color:#fff}.tag.red{background:var(--red-tint);color:var(--red-dark)}.toast{background:var(--green-bg);color:var(--green);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.error{background:var(--red-tint);color:var(--red-dark);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.list-row{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.list-row:last-child{border-bottom:0}.avatar{background:var(--blue-tint);width:40px;height:40px;font:700 15px var(--display);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.grow{flex:1;min-width:0}.name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.sub{color:var(--muted);font-size:13px}.right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.searchbar{background:#fff;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.searchbar input{font:400 16px var(--body);color:var(--navy);background:0 0;border:0;outline:none;flex:1}.dictate{flex-direction:column;gap:8px;display:flex}.mic{border:1.5px dashed var(--red);min-height:52px;color:var(--red-dark);font:600 15px var(--body);cursor:pointer;background:#fff4f5;border-radius:14px;justify-content:center;align-items:center;gap:10px;display:flex}.mic.live{background:var(--red);color:#fff;border-style:solid}.dot{background:#fff;border-radius:999px;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.ref-box{background:var(--blue-tint);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.search-pick{flex-direction:column;gap:8px;display:flex}.pick-list{background:#fff;border-radius:12px;flex-direction:column;max-height:260px;display:flex;overflow:hidden auto}.pick-row{all:unset;cursor:pointer;border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.pick-row:last-child{border-bottom:0}.pick-name{font-size:15px;font-weight:600}.pick-sub{color:var(--muted);font-size:13px}.summary{background:var(--navy);color:var(--bg);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.summary .k{letter-spacing:.06em;text-transform:uppercase;color:var(--sky);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.summary p{margin:0;font-size:15px;line-height:1.5}.summary .next{border-top:1px solid var(--navy-2);padding-top:10px;font-size:14px;line-height:1.45}.summary .next b{color:var(--sky)}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:15px;display:flex}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right;font-weight:600}.log{background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.log .when{color:var(--muted);font-size:12px;font-weight:600}.log .body{white-space:pre-wrap;font-size:14px;line-height:1.45}.sheet{border:1.5px solid var(--navy);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.rank{background:var(--red);color:#fff;width:28px;height:28px;font:700 14px var(--display);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ref-row{all:unset;box-sizing:border-box;cursor:pointer;border-top:1px solid var(--navy-2);align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.nav{padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fff;border-top:1px solid #d8e3ee;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav>*{flex:none}.nav{height:calc(72px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;gap:0;padding-left:max(8px,50% - 280px);padding-right:max(8px,50% - 280px)}.nav-item{width:64px;height:56px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--red)}.nav-add{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;margin-top:-18px;display:flex;box-shadow:0 6px 16px #c8102e59}.empty{text-align:center;color:var(--muted);padding:28px 12px;font-size:15px}